Skip to content

pantoken-root / formats/css/src / multiScopeCss

Funksjon: multiScopeCss() ​

multiScopeCss(options): string

Beta

Det komplette fleirscope-arket: lagrekkefølgje, eitt sett med @property-registreringar, ein delt base blokk, ein token-blokk per tema, og lyse/mørke color-scheme-pinnar.

Tokenar er delte av om verdien deira faktisk varierer på tvers av themes. Invariante tokenar går i den delte baseblokka éin gong; varierande tokenar blir gjentekne i sin heilskap i kvart tema-blokk. Den andre delen er det som gjer innkapsling trygg — ein tema-blokk som utelate ein varierande token vil arve verdien frå den omgjevande scopet for han.

Parametrar ​

options ​

MultiScopeCssOptions

Returnerer ​

string

Døme ​

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

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