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 で割った結果を返します。

B!

Comment

コメント(0)

コメントはまだありません。

コメントする

Trackback(0)