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の内部処理の利用、プログラミング的な処理に必要なもろもろ
↧