picturepan2 / spectre

Spectre.css - A Lightweight, Responsive and Modern CSS Framework
https://picturepan2.github.io/spectre/
MIT License
11.32k stars 808 forks source link

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

Open linonetwo opened 1 year ago

linonetwo commented 1 year ago

Solution: in package json

"postinstall": "sass-migrator -d division path/to/your.scss",

This solves


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

Recommendation: math.div($control-size - $control-size-sm, 2) or calc(($control-size - $control-size-sm) / 2)

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

    ╷
205 │   margin: ($control-size - $control-size-sm) / 2 0;
    │           ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
    ╵
    node_modules/spectre.css/src/_forms.scss 205:11  @import
    - 6:9     
    - ```
niutech commented 5 months ago

Check out my updated fork for this change.