themesberg / volt-bootstrap-5-dashboard

Free and open source Bootstrap 5 Admin Dashboard Template with vanilla Javascript
https://themesberg.com/docs/volt-bootstrap-5-dashboard/getting-started/quick-start/
MIT License
2.62k stars 303 forks source link

Using / for division is deprecated and will be removed in Dart Sass 2.0.0 #47

Closed jmsche closed 6 months ago

jmsche commented 3 years ago

Hi,

While manually building the theme using sass, I'm getting this deprecation several times:

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

Recommendation: math.div($spacer, 4)

More info and automated migrator: https://sass-lang.com/d/slash-div

    ╷
311 │     1: $spacer / 4,
    │        ^^^^^^^^^^^
    ╵
    node_modules/@themesberg/volt-bootstrap-5-dashboard/src/scss/volt/_variables.scss 311:8  @import
    assets/volt.scss 24:9                                                                    root stylesheet

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

Recommendation: math.div($spacer, 2)

More info and automated migrator: https://sass-lang.com/d/slash-div

From what I could read, an easy fix to support both Dart Sass & Node Sass is to multiply instead of dividing, eg. $spacer / 4 would become $spacer * 0.25.