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

fix(multiple): account for mixed declarations in latest Sass version #29596

Merged
merged 1 commit into from
Aug 20, 2024

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