Variables

Les variables en Sass

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;
}