Sass - Directives d'avertissement

La description

La directive @warn est utilisée pour donner des conseils d'avertissement sur le problème. Il affiche les valeurs de l'expression SassScript dans le flux de sortie d'erreur standard.

Exemple

Ci-dessous, le fichier de feuille de style enregistré avec l'extension .scss qui est similaire au fichier css.

warn.scss

$main-color:  #bdc3c7;

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

Vous pouvez dire à SASS de regarder le fichier et de mettre à jour le CSS chaque fois que le fichier SASS change, en utilisant la commande suivante -

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

Lorsque vous exécutez la commande ci-dessus, elle crée automatiquement le fichier warn.css . Chaque fois que vous modifiez le fichier SCSS , le fichier warn.css sera mis à jour automatiquement.

Production

Exécutons les étapes suivantes pour voir comment le code ci-dessus fonctionne et donne un avertissement -

  • Enregistrez le code ci-dessus dans warn.scss fichier.

  • Exécutez la ligne de commande mentionnée ci-dessus dans l'invite de commande.