Sass - Diretivas de advertência

Descrição

A diretiva @warn é usada para dar conselhos preventivos sobre o problema. Ele exibe os valores da expressão SassScript para o fluxo de saída de erro padrão.

Exemplo

A seguir está o arquivo de folha de estilo salvo com a extensão .scss que é semelhante ao arquivo css.

warn.scss

$main-color:  #bdc3c7;

@warn "Darker: " darken($main-color, 30%);

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 warn.css é criado automaticamente. Sempre que você alterar o arquivo SCSS, o arquivo warn.css será atualizado automaticamente.

Resultado

Vamos realizar as seguintes etapas para ver como o código acima funciona e dar um aviso -

  • Salve o código fornecido acima em warn.scss Arquivo.

  • Execute a linha de comando mencionada acima no prompt de comando.