material-components-web
material-components-web copied to clipboard
SASS Deprecation Warning
Bug report
Compiling with "sass": "^1.77.8" produces a lot of deprecation warnings
Module Warning (from ../../node_modules/sass-loader/dist/cjs.js):
Deprecation Warning on line 168, column 4 of file:///C:/Dev/Dynamik/github/verdipapir/Gui/node_modules/@material/button/_button-base.scss:168:4:
Sass's behavior for declarations that appear after nested
rules will be changing to match the behavior specified by CSS in an upcoming
version. To keep the existing behavior, move the declaration above the nested
rule. To opt into the new behavior, wrap the declaration in `& {}`.
More info: https://sass-lang.com/d/mixed-decls
168 | min-width: 64px;
..\..\node_modules\@material\button\_button-base.scss 169:5 @content
..\..\node_modules\@material\feature-targeting\_feature-targeting.scss 218:5 targets()
..\..\node_modules\@material\button\_button-base.scss 163:3 -root-structure()
..\..\node_modules\@material\button\_button-base.scss 51:5 -static-styles-base()
..\..\node_modules\@material\button\_button-base.scss 38:3 static-styles()
..\..\node_modules\@material\button\_button.scss 84:3 static-styles-without-ripple()
..\..\node_modules\@material\button\_button.scss 79:3 static-styles()
..\..\node_modules\@material\button\_button.scss 47:3 styles()
..\..\node_modules\@material\button\_button.scss 115:3 core-styles()
..\..\node_modules\@material\button\styles.scss 25:1 @forward
..\..\node_modules\@material\button\mdc-button.scss 23:1 @use
Expected behavior
No deprecation warnings
Your Environment:
| Software | Version(s) |
|---|---|
| MDC Web | 14.0.0 |
| Sass | 1.77.8 |
Possible solution
To opt into the new behavior, wrap the declaration in & {}