Les variables sont un moyen de stocker des informations que vous souhaitez réutiliser dans votre feuille de style. Vous pouvez stocker des éléments tels que des couleurs, des tailles, des polices ou toutes valeurs du CSS que vous pensez réutiliser par la suite. Sass utilise le $MaVariable pour déclarer une variable. Voici un exemple :
Exemple Sass
$tout-ecran: 100%
$couleur-gris-clair: #eee
body
width: $tout-ecran
color: $couleur-gris-clair
Lorsque Sass est traité, les variables que nous avons définit deviennent en CSS nos valeurs de variables placées dans le CSS. Cela peut être extrêmement puissant lorsque vous travaillez avec les couleurs de la marque et de les garder cohérentes sur l'ensemble du site.
body {
font: 100;
color: #eee;
}