独学者Fossa

独学していることなど

Dart Sass

UIkit3

使用環境

Name Version
node v16.2.0
npm 7.15.0
sass 1.34.0
uikit 3.6.22

Deprecation Warning: Using / for division is deprecated and will be removed in Dart Sass 2.0.0.

UIkit3で、sassを使うと、上記のようなメッセージが出ました。*1

解決策は、sassのバージョンを下げるか、或いは、--quietを付けるかです。

私は、--quietを付けて実行しました。

CSSフレームワーク側で、対応するまでの暫定処置ですね。

しかし、UIkit3は、LESSからSCSSに変換しているので、すぐに対応できないかもしれませんね。*2

変更前

$card-header-padding-vertical: round($global-gutter / 2) !default;

変更後

@use "sass:math";
$card-header-padding-vertical: round(math.div($global-gutter, 2)) !default;

変更後 その2

$card-header-padding-vertical: round($global-gutter * .5) !default;

もし書き換えるとしたら、こんな感じになるのでは、ないでしょうか?

追記(2021-06-02)

Vuetify 2.5.2を見ると、書き換えられていますね。

Bootstrap5は、math.divと乗算を採用する意見が出されていますね。

追記(2021-06-24)

Bootstrap5は、5.0.2で、解消されたみたいです。

*1:Bootstrap5も報告されていますね

*2:乗算に変更するのなら、すぐ対応できるかも