pantoken-root / formats/css/src / multiScopeCss

Functie: multiScopeCss() ​

multiScopeCss(options): string

Bèta

Het volledige multi-scope stylesheet: laagvolgorde, één set @property registraties, een gedeeld basis blok, een tokenblok per thema, en de light/dark color-scheme pins.

Tokens worden gescheiden op basis van of hun waarde daadwerkelijk varieert tussen themes. Invariante tokens komen eens in het gedeelde basisblok; variërende tokens worden volledig herhaald in elke themablok. Dat tweede deel is wat nesten veilig maakt — een themablok dat een variërend token zou weglaten, zou de waarde uit de omliggende scope erven.

Parameters ​

options ​

MultiScopeCssOptions

Retourneert ​

string

Voorbeeld ​

ts
import { multiScopeCss } from "@pantoken/css";

multiScopeCss({ themes: ["rebrand", "canvas"], defaultTheme: "rebrand" });