2021年8月現在の1系Dart Sassでは、スラッシュを計算式に使うと警告が出るようになっています。
2系では廃止されるため、除算を行うときにはビルトインモジュールのsass:mathを利用します。
deprecated
body {
font-size: 16px;
line-height: (24 / 16);
}
↓
modern
@use "sass:math";
body {
font-size: 16px;
line-height: math.div(24 / 16);
}
💡 Fun fact
プライベートで実施したペアプロのなかで話題になったのですが、このスラッシュの非推奨～廃止の件は5月ごろにbootstrapでもissueが立っていたようです。
Dart-sassのmathモジュールには、除算のmath.div以外にも様々な関数が用意されています。
モジュール自体もmathの他にいろいろあるので、要チェック…🥒
https://sass-lang.com/documentation/modules
-
sass:math- 数値計算系 -
sass:string- 文字列の結合、検索、分割 -
sass:color- 色の操作 -
sass:list- いわゆる配列の利用 -
sass:map- いわゆる連想配列の利用 -
sass:selector- CSSセレクタの操作 -
sass:meta- Sassの内部処理の利用、プログラミング的な処理に必要なもろもろ