math.div()

Définition

Fonction du module sass:math qui remplace l'opérateur / pour la division (disponible depuis Dart Sass 1.33.0). Dart Sass 2.0, annoncé pour décembre 2026, traitera / uniquement comme un séparateur, comme en CSS ; calc() reste une alternative.

Analogie

Utiliser un couteau a pain au lieu de déchirer : même résultat, mais la bonne méthode.

Exemple de code

@use 'sass:math';

// DÉPRÉCIÉ : $half: 100% / 2;
$half: math.div(100%, 2);        // 50%
$third: math.div(100%, 3);       // 33.333%
$rem: math.div(16px, 16) * 1rem; // 1rem
// alternative CSS native :
$gap: calc(100% / 3);

Cas d'usage

Effectuer des divisions dans Sass sans declencer de warnings de dépréciation.

Anti-pattern

Termes liés

Sources

• sass-lang.com/blog/the-road-to-dart-sass-2/
• sass-lang.com/documentation/breaking-changes/slash-div/