Guide d'utilisation
Les variables CSS (custom properties) se déclarent dans :root et se réutilisent avec var(--nom). Elles sont dynamiques : modifiables en JavaScript et surchargeables par thème.
- Idéales pour le theming et le dark mode.
- Contrairement aux variables Sass, elles existent au moment de l'exécution.
FAQ
Variables CSS ou Sass ?
Les variables Sass sont compilées (statiques) ; les variables CSS vivent dans le navigateur et peuvent changer à la volée, parfait pour le theming.
Comment changer une variable en JS ?
Utilisez element.style.setProperty('--primary', '#000') ou document.documentElement.style.setProperty(...).