Sass

Sass (SCSS) est un preprocesseur qui etend CSS avec des variables, des regles imbriquees, des mixins, des fonctions et une organisation modulaire du code.

Mon usage

C'est mon outil de styling principal. Sur ce portfolio, j'utilise SCSS avec une architecture BEM-like structuree en abstracts :

• variables de design tokens
• mixins responsive et typographiques
• fonctions utilitaires

Les modules sont importes via @use avec des namespaces (vars, mix, func) pour une encapsulation propre.

Points cles

• Variables : une maintenance coherente du design system.
• Mixins : la reutilisation de patterns CSS complexes avec arguments.
• Fonctions : des calculs dynamiques (conversion rem, manipulation de couleurs).
• Modules @use et @forward : ils remplacent @import pour une meilleure encapsulation et un tree-shaking des styles non utilises.

Meme avec l'evolution de CSS natif, SCSS reste indispensable pour les projets dotes d'un design system structure.