octoshrimpy / bulma-o-steps

In-depth Steps component for Bulma.io
https://octoshrimpy.github.io/bulma-o-steps
GNU General Public License v3.0
84 stars 35 forks source link

DEPRECATION WARNING: Using / for division outside of calc() is deprecated and will be removed in Dart Sass 2.0.0. #46

Closed AlbertoDePena closed 1 year ago

AlbertoDePena commented 2 years ago

DEPRECATION WARNING: Using / for division outside of calc() is deprecated and will be removed in Dart Sass 2.0.0.

Recommendation: math.div($steps-marker-size, 2) or calc($steps-marker-size / 2)

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

174 │ top: calc(#{$size * ($steps-marker-size / 2)} - (#{$steps-divider-size / 2})) │ ^^^^^^^^^^^^^^^^^^^^^^ ╵ node_modules\bulma-o-steps\index.sass 174:28 @content node_modules\bulma-o-steps\index.sass 16:7 @content node_modules\bulma\sass\utilities\mixins.sass 108:5 tablet() node_modules\bulma-o-steps\index.sass 14:3 steps-horizontal() node_modules\bulma-o-steps\index.sass 167:3 steps-size() node_modules\bulma-o-steps\index.sass 251:3 @import assets\styles.scss 29:9 root stylesheet

WARNING: 32 repetitive deprecation warnings omitted.

JinIgarashi commented 1 year ago

When I built this package in sveltekit, it has the same warning.

Deprecation Warning: Using / for division outside of calc() is deprecated and will be removed in Dart Sass 2.0.0.

Recommendation: math.div($steps-divider-size, 2) or calc($steps-divider-size / 2)

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

    ╷
140 │       left: calc(#{$size * ($steps-marker-size / 2)} - (#{$steps-divider-size / 2}))
    │                                                           ^^^^^^^^^^^^^^^^^^^^^^^
    ╵
    node_modules/bulma-o-steps/index.sass 140:59                  @content
    node_modules/bulma-o-steps/index.sass 23:7                    @content
    node_modules/bulma-o-steps/styles/utilities/mixins.sass 83:5  mobile()
    node_modules/bulma-o-steps/index.sass 21:3                    steps-vertical()
    node_modules/bulma-o-steps/index.sass 132:3                   steps-size()
    node_modules/bulma-o-steps/index.sass 251:3                   @import
    node_modules/bulma-o-steps/bulma-steps.sass 3:9               @import
daveHylde commented 1 year ago

Same here after upgrading angular version. image

pedantic-git commented 1 year ago

@mofe23 if your fix works for you, would you be able to raise it as a PR here? Hopefully that will help @octoshrimpy with maybe merging and releasing a new version with this fix.