SASS

SASS Késako ?

Sass, ou Syntactically Awesome StyleSheets est un préprocesseur, oui mais qu’est-ce qu’un préprocesseur ?

Le principe du préprocesseur est d’écrire du code CSS au travers d’une syntaxe plus proche d’un vrai langage de programmation, qui sera ensuite compilé coté serveur ou client en feuilles de styles CSS standard, interprétable par les navigateurs.

SASS c'est SenSASS !

Dans les faits cela offre la possibilité d’utiliser les éléments de bases d’un langage de programmation que sont les conditions, les boucles, les fonctions, et même s’appuyer sur des éléments fondamentaux de la programmation orienté objet comme l'héritage.

 Le langage a deux syntaxes d’écritures différentes, le SASS plus proche du langage Ruby et le SCSS qui est plus proche de l’écriture traditionnelle du CSS.

Le choix de l’utilisation de l’une ou l’autre des syntaxes ce fait plus au niveau du contexte de cette utilisation plutôt qu’à l’appréciation du développeur.

Un exemple simple : Si on développe sous Ruby avec rails, il sera bien plus facile de choisir la syntaxe de SASS, alors que si on développe de façon plus classique en HTML et CSS on optera pour du SCSS.

Bien que proche dans leur fonctionnement, il est impossible d’utiliser les deux syntaxes en même temps dans un même fichier, il faudra choisir !

Comme la plupart des langages, Sass peut être greffé de compléments (plugins/librairies) pour étendre ses capacités et mieux l’adapter à son environnement de travail.

Parmi les plus connu il y a :

• Compass
• Bourbon (avec modération)
• Sprite Factory
• Buttons

Et bien d'autres ...

Fabien DEBOVE.

Liens utiles :

Pour découvrir et s’entraîner en SASS : http://www.sassmeister.com/

Le site officiel : https://sass-lang.com/

Un petit tuto pour les plus téméraires : https://la-cascade.io/se-lancer-dans-sass/