Sass - Directivas de depuración

Descripción

La directiva @debug detecta los errores y muestra los valores de expresión de SassScript en el flujo de salida de error estándar.

Ejemplo

A continuación se muestra el archivo de hoja de estilo guardado con extensión .scss, que es similar al archivo css.

debug.scss

$font-sizes: 10px + 20px;
$style: (
   color: #bdc3c7
);

.container {
   @debug $style;
   @debug $font-sizes;
}

Puede decirle a SASS que observe el archivo y actualice el CSS cada vez que cambie el archivo SASS, utilizando el siguiente comando:

sass --watch C:\ruby\lib\sass\debug.scss:debug.css

Cuando ejecute el comando anterior, creará el archivo debug.css automáticamente. Siempre que cambie el archivo SCSS, el archivo debug.css se actualizará automáticamente.

Salida

Realicemos los siguientes pasos para ver cómo funciona el código anterior y le da un error de depuración:

Guarde el código dado arriba en debug.scss archivo.
Ejecute la línea de comando mencionada anteriormente en el símbolo del sistema.

↰ Previous page