Skip to content

Conversation

crisbeto
Copy link
Member

@crisbeto crisbeto commented Aug 16, 2024

Fixes a ton of warnings that showed up in the latest version of Sass as a result of https://sass-lang.com/documentation/breaking-changes/mixed-decls/.

BREAKING CHANGE:

  • In order for Material to be compatible with recent changes in Sass and upcoming changes in the CSS standard, tokens are now emitted in-place, rather the being hoisted to the top of the selector. As a result, some token overrides might not apply anymore. This is relevant primarily for the cases like @include mat.button-theme($theme); --mat-button-color: red;. It can be resolved by wrapping the overrides with & {}, for example @include mat.button-theme($theme); & { --mat-button-color: red; }.

Fixes #29591.

@crisbeto crisbeto added the target: patch This PR is targeted for the next patch release label Aug 16, 2024
@crisbeto crisbeto requested a review from a team as a code owner August 16, 2024 12:53
@crisbeto crisbeto requested review from amysorto, wagnermaciel and andrewseguin and removed request for a team August 16, 2024 12:53
@crisbeto crisbeto force-pushed the 29591/sass-warning branch 2 times, most recently from f3e7a14 to 367486b Compare August 20, 2024 06:48
@crisbeto crisbeto added target: major This PR is targeted for the next major release and removed target: patch This PR is targeted for the next patch release labels Aug 20, 2024
@crisbeto crisbeto force-pushed the 29591/sass-warning branch from 367486b to 0752d8b Compare August 20, 2024 11:32
Fixes a ton of warnings that showed up in the latest version of Sass as a result of https://sass-lang.com/documentation/breaking-changes/mixed-decls/.

BREAKING CHANGE:
* In order for Material to be compatible with [recent changes in Sass](https://sass-lang.com/documentation/breaking-changes/mixed-decls/) and upcoming changes in the CSS standard, tokens are now emitted in-place, rather the being hoisted to the top of the selector. As a result, some token overrides might not apply anymore. This is relevant primarily for the cases like `@include mat.button-theme($theme); --mat-button-color: red;`. It can be resolved by wrapping the overrides with `& {}`, for example `@include mat.button-theme($theme); & { --mat-button-color: red; }`.

Fixes angular#29591.
@crisbeto crisbeto force-pushed the 29591/sass-warning branch from 0752d8b to e6a0f28 Compare August 20, 2024 14:29
@angular-robot angular-robot bot added the detected: breaking change PR contains a commit with a breaking change label Aug 20, 2024
@crisbeto crisbeto added the action: merge The PR is ready for merge by the caretaker label Aug 20, 2024
@crisbeto crisbeto merged commit 01711b1 into angular:main Aug 20, 2024
24 of 26 checks passed
@angular-automatic-lock-bot
Copy link

This issue has been automatically locked due to inactivity.
Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

This action has been performed automatically by a bot.

@angular-automatic-lock-bot angular-automatic-lock-bot bot locked and limited conversation to collaborators Sep 20, 2024
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
action: merge The PR is ready for merge by the caretaker detected: breaking change PR contains a commit with a breaking change target: major This PR is targeted for the next major release
Projects
None yet
Development

Successfully merging this pull request may close these issues.

bug(material/slide-toggle): Sass deprecation warning since v18.2.0
2 participants