Sass - Diretivas de erro

Descrição

A diretiva @error exibe o valor da expressão SassScript como erro fatal.

Exemplo

A seguir está o arquivo de folha de estilo salvo com a extensão .scss, que é semelhante ao arquivo 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);
}

Você pode dizer ao SASS para observar o arquivo e atualizar o CSS sempre que o arquivo SASS for alterado, usando o seguinte comando -

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

Quando você executa o comando acima, o arquivo error.css é criado automaticamente. Sempre que você alterar o arquivo SCSS, o arquivo error.css será atualizado automaticamente.

Resultado

Vamos realizar as seguintes etapas para ver como o código acima funciona e fornece erros -

Salve o código fornecido acima em error.scss Arquivo.
Execute a linha de comando mencionada acima no prompt de comando.

↰ Previous page