SassでDeprecation Warning: Using / for division…エラー
Sassのコンパイルで
$hoge: (16/ $BASEFONTSIZE) * 1rem;
のような記述で
Deprecation Warning: Using / for division outside of calc() is deprecated and will be removed in Dart Sass 2.0.0.
と警告が出るようになりました。
直訳すると、「calc()の外部での除算に/を使用することは非推奨であり、DartSass2.0.0で削除されます。」
どうやら、CSSのスタイル指定で、/がセパレーターとして使われるようになり、Sassコード内で使用されている/がセパレーターなのか除算なのか判断するのが困難になるために、calc()以外の場所で除算で/を使うことは非推奨になるようです。
Sass: Breaking Change: Slash as Division
対処法としては、除算ではmath.div()
関数を使います。
@use "sass:math"; $hoge: math.div(16 , $BASEFONTSIZE) * 1rem;
構文としては以下のとおりです。
math.div($number1, $number2)
number1 を $number2 で割った結果を返します。
Comment
コメント(0)
コメントはまだありません。
コメントする
Trackback(0)