Sass - Directivas de error

Descripción

La directiva @error muestra el valor de la expresión SassScript como error fatal.

Ejemplo

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

warn.scss

$colors: (
   blue: #c0392b,
   black: #2980b9,

);

@function style-variation($style) {
   @if map-has-key($colors, $style) {
      @return map-get($colors, $style);
   }

   @error "Invalid color: '#{$style}'.";
}

.container {
   style: style-variation(white);
}

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\warn.scss:warn.css

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

Salida

Llevemos a cabo los siguientes pasos para ver cómo funciona el código anterior y da errores:

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

↰ Previous page