Dart Sassで除算を行う

Dart Sassで除算を行う方法をメモ。

サンプルコード

まずは警告の表示される例です。

.test {
  width: percentage(50 / 100);
}

コンパイル自体は行われますが、以下のような警告が表示されます。

Deprecation Warning: Using / for division is deprecated and will be removed in Dart Sass 2.0.0.
Recommendation: math.div(50, 100)
More info and automated migrator: https://sass-lang.com/d/slash-div

除算の際に「/」を使用するのは非推奨で、Dart Sass 2.0.0 で削除予定のようです。
「/」の代わりにmath.div()を使用します。

@use "sass:math";
.test {
  width: percentage(math.div(50, 100));
}

これで警告が出ないでコンパイルできるようになりました。

参考サイト

このエントリーをはてなブックマークに追加

関連記事

コメントを残す

メールアドレスが公開されることはありません。
* が付いている欄は必須項目です

CAPTCHA


コメントが承認されるまで時間がかかります。

2023年2月
 1234
567891011
12131415161718
19202122232425
262728