angular / angular/components

feat(all): Support for CSS Cascade Layers

Open
#26,451 19 comments 51 reactions 0 assignees View on GitHub
area: many feature P4
Dominant language
TypeScript
Stars
25k
Forks
6.8k
Avg merge
1d 8h
Merged PRs (30d)
91

Description

### Feature Description

Are there any plans to introduce support for CSS Cascade Layers?

References:
https://developer.mozilla.org/en-US/docs/Learn/CSS/Building_blocks/Cascade_layers
https://caniuse.com/css-cascade-layers
https://www.smashingmagazine.com/2022/01/introduction-css-cascade-layers/

### Use Case

To meet the demands of our customers, our team often has to override the default styles of angular material components. We'd like to use cascade layers to organize our normalization, override, and custom styles. If the angular components would be wrapped in a dedicated (configurable?) layer, our material overrides could be embedded more conveniently into our overall style logic.

Contributor guide

Open the contributing guide

Research direction

Start with the linked CSS Cascade Layers references, then review how Angular Material component styles are currently organized. Clarify whether the goal is general cascade-layer support, a configurable layer for Angular components, or both. Done should be defined as an agreed scope and acceptance criteria for the proposed feature.

Written by the indexing model from the issue text.

Assessment

Tech stack
angular, css, typescript
Domain
design, frontend
Issue type
Feature
Difficulty
5/5
Estimated time
Over a week
Activity status
Quiet
Clarity
Needs clarification
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.