使用環境
| 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を付けて実行しました。
しかし、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;
変更後 その２
$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で、解消されたみたいです。
