Sass (Syntactically Awesome Stylesheets) est un langage de génération de feuilles de style.
La syntaxe est interprétée, puis compilée.

Sass fournit les variables, les mixins, les fonctions etc.

Sass est un préprocesseur.
Sous Windows il faut installer Ruby pour pouvoir lancer Sass.

1 – Aller sur le site https://rubyinstaller.org

2 – Cliquer sur le bouton “Download”
Après l’installation pour vérifier si Ruby fonctionne,

Sur l’invite de commande taper:


ruby --version

ou

ruby --help


Créer un fichier scss par exemple style.scss
Sur l’invite de commande aller dans le répertoire où est situé ce fichier et taper :

gem install sass
sass --watch style.scss:style.css

Après le premier lancement les fichiers style.css et style.css.map sont créés.
Dans le fichier style.css.map ajouter la ligne

"sourcemap": "true"


Cette modification permet avec l’inspecteur du navigateur de voir le fichier .scss au lieu du fichier .css