{
  "$type": "site.standard.document",
  "description": "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-alph…",
  "path": "/cascade-layer-async-overrides",
  "publishedAt": "2023-02-16T15:52:44.758Z",
  "site": "at://did:plc:jnj7wcwuvspxdsipmecmx7rs/site.standard.publication/self",
  "tags": [
    "note",
    "css"
  ],
  "textContent": "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.",
  "title": "Cascade Layer Async Overrides"
}