Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Deprecation Warning (Non-Urgent) #52

Closed
stuartbale opened this issue Aug 8, 2021 · 0 comments
Closed

Deprecation Warning (Non-Urgent) #52

stuartbale opened this issue Aug 8, 2021 · 0 comments

Comments

@stuartbale
Copy link

This is in aurelia-mdc-web v7.0.1.

When building, there is a deprecation warning about using forward slash for division (details below).

This was fixed in Material Components in this issue:

material-components/material-components-web#7158

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

Recommendation: math.div($svg-natural-width, icon-variables.$icon-size)

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

194 │ width: $svg-natural-width / icon-variables.$icon-size * 100%;
│ ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^

node_modules/@aurelia-mdc-web/expandable/_mixins.scss 194:14 @content
node_modules/@material/feature-targeting/_feature-targeting.scss 218:5 targets()
node_modules/@aurelia-mdc-web/expandable/_mixins.scss 193:5 -dropdown-icon-base()
node_modules/@aurelia-mdc-web/expandable/_mixins.scss 85:7 without-ripple()
node_modules/@aurelia-mdc-web/expandable/_mixins.scss 16:3 core-styles()
node_modules/@aurelia-mdc-web/expandable/mdc-expandable.scss 3:1 @forward
node_modules/@aurelia-mdc-web/expandable/_index.scss 1:1 @use
node_modules/@aurelia-mdc-web/all/mdc-all.scss 33:1 @forward
node_modules/@aurelia-mdc-web/all/_index.scss 1:1 @use
src/my-app.scss 7:1 root stylesheet

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

Recommendation: math.div($svg-natural-height, icon-variables.$icon-size)

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

195 │ height: $svg-natural-height / icon-variables.$icon-size * 100%;
│ ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^

node_modules/@aurelia-mdc-web/expandable/_mixins.scss 195:15 @content
node_modules/@material/feature-targeting/_feature-targeting.scss 218:5 targets()
node_modules/@aurelia-mdc-web/expandable/_mixins.scss 193:5 -dropdown-icon-base()
node_modules/@aurelia-mdc-web/expandable/_mixins.scss 85:7 without-ripple()
node_modules/@aurelia-mdc-web/expandable/_mixins.scss 16:3 core-styles()
node_modules/@aurelia-mdc-web/expandable/mdc-expandable.scss 3:1 @forward
node_modules/@aurelia-mdc-web/expandable/_index.scss 1:1 @use
node_modules/@aurelia-mdc-web/all/mdc-all.scss 33:1 @forward
node_modules/@aurelia-mdc-web/all/_index.scss 1:1 @use
src/my-app.scss 7:1 root stylesheet

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant