Modules (Sass Modules)

Definition

Systeme de modules base sur @use/@forward qui remplace @import. Chaque fichier est un module avec son propre scope, evitant les collisions de noms.

Analogie

Des appartements dans un immeuble : chacun a ses affaires, tu sonnes pour emprunter quelque chose.

Exemple de code

// @use charge le module une seule fois
@use 'sass:math';
@use 'sass:color';
@use './config' as cfg;

.box {
  width: math.div(100%, 3);
  color: color.adjust(cfg.$primary, $lightness: 10%);
}

Cas d'usage

Structurer un projet Sass en modules encapsules sans effets de bord globaux.

Termes lies