Cascade Layer Async Overrides
Adam Argyle
February 16, 2023
This felt like a future of library customization, using @layer : /* <tool-tip> styles / @import "tool-tip.css" layer(components.tooltip); / later, in some-new-context.css */ @layer components.tooltip { .some-new-context tool-tip { --_bg : var (--surface-1) ; --_shadow-alpha : 15 % ; } } Scope the import, then append tweaks into that scope from anywhere. Safe and sound. Rad stuff.
Discussion in the ATmosphere