![A series of images of an avatar doing a bunch of skateboard tricks.](https://res.cloudinary.com/dnpmdb8r8/video/upload/w_250,f_auto,c_limit,q_auto,w_auto/v1673498930/argyleink/olliolli.gif)
notecss
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.