Sass / SCSS — fichier .scss

Sass (“Syntactically Awesome Style Sheets”) est un préprocesseur qui ajoute au CSS des fonctionnalités absentes du langage à sa création en 2006 : variables, imbrication des sélecteurs, fonctions, et un système de modules pour découper les styles en plusieurs fichiers. Le résultat est ensuite compilé en CSS ordinaire, seul langage que le navigateur sait interpréter.

Deux syntaxes cohabitent sous des extensions différentes. .sass est la syntaxe d’origine, sans accolades ni points-virgules, l’indentation seule délimitant les blocs. .scss (“Sassy CSS”), introduite en 2010, est un sur-ensemble du CSS classique : tout fichier CSS valide est aussi un fichier SCSS valide, ce qui a largement facilité son adoption et en a fait la syntaxe dominante aujourd’hui.

L’implémentation de référence a changé au fil du temps : Sass a d’abord été écrit en Ruby, puis réimplémenté en C/C++ sous le nom LibSass pour la vitesse de compilation. Les deux ont été abandonnés en 2020 au profit de Dart Sass, seule implémentation activement maintenue par l’équipe du langage depuis.

Le système de modules a lui aussi évolué : la directive historique @import est dépréciée au profit de @use et @forward, introduites en 2019, qui évitent la recompilation répétée d’un même fichier importé plusieurs fois et isolent mieux les variables entre modules.

Ce format n’a pas de type MIME officiellement enregistré auprès de l’IANA, puisqu’il n’est jamais censé être transmis tel quel à un navigateur : seul le CSS compilé qui en résulte l’est.