LoginSignup
2
1

More than 1 year has passed since last update.

⚠️【Sass】DEPRECATION WARNING: Using / for division is deprecated and will be removed in Dart Sass 2.0.0.

Last updated at Posted at 2021-08-13

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

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
2
1