Introduction au langage SASS
Dans ce tutoriel, nous allons étudier le préprocesseur SASS. SASS est une alternative au préprocesseur LESS, qui permet également de programmer en CSS.
En fait, SASS a deux variantes de syntaxe, la première est également appelée SASS, et la seconde - SCSS. Les deux prennent en charge le même ensemble de fonctions et ne diffèrent que légèrement par leur syntaxe. Cependant, comme SCSS est plus récent et plus largement utilisé, c'est celui-ci que nous étudierons dans ce tutoriel.
Ainsi, la syntaxe SCSS est similaire à la syntaxe CSS,
c'est-à-dire que nous verrons les mêmes accolades
et les mêmes guillemets avec une virgule qu'en CSS.
Prenons un exemple de syntaxe SCSS,
où nous assignons immédiatement une police et une couleur
à des variables, puis assignons ces variables
aux propriétés dans le sélecteur body :
$font: Helvetica, sans-serif;
$color: #333;
body {
font: $font;
color: $color;
}
