SASS - Installation

SASS est un langage de script préprocesseur qui est compilé ou interprété en CSS. SassScript est le langage de script en lui même. Sass se compose de deux syntaxes. La syntaxe originale, appelé "la syntaxe indenté" utilise l'indentation pour séparer les blocs de code et les saut de lignes pour les séparer les règles.

Définition par Wikipédia

Préprocesseur ?

Un préprocesseur CSS est un programme qui permet de générer des fichiers CSS.
Il en existe quelques-uns comme : SASS, LESS, PostCSS et Stylus.

Dans cet article, nous verrons le préprocesseur CSS utilisé avec SASS, majoritairement utilisé par les développeurs Web.

SASS va vous apporter des fonctions et des méthodes n'existant pas en CSS afin de vous aider à écrire du code plus proprement et rapidement. Le préprocesseur se chargera de lire et de compiler votre code SASS en un fichier CSS lisible par les navigateurs.

Pour cela, votre code SASS doit être écrit dans des fichiers ayant l'extension .scss (anciennement .sass).

Le fichier SASS ressemble à un fichier CSS hormis le fait que la structure peut être hiérarchisée afin de garder une maintenance plus facile sur celui-ci.

Supposons que vous ayez un fichier SASS, main.scss ; au moment de la compilation, vous aurez un nouveau fichier CSS compilé du premier, main.css.

Avec quoi compiler ?

Pour compiler votre code SASS, il existe différents outils et logiciels à disposition :

• Applications : Koala, CodeKit...
• Plugins : Live Sass Compiler (VSCode), Sass Sublime (Sublime Text)...

Vous pouvez aussi le faire en ligne directement depuis cette application Web très bien réalisée : SassMeister