pantoken-root / formats/css/src / multiScopeCss

Funksjon: multiScopeCss() ​

multiScopeCss(options): string

Beta

Det komplette multi-scope-arket: lagrekkefølge, et sett med @property-registreringer, en delt baseblokk, en tokenblokk per tema, og lys-/mørk-color-scheme-pinner.

Tokens er delt etter om verdien deres faktisk varierer på tvers av themes. Invariante tokens legges i den delte baseblokken én gang; varierende tokens gjentas i sin helhet i hver temablokk. Den andre delen er det som gjør nestingen trygg — en temablokk som utelater et varierende token, ville arve verdien fra det omliggende omfanget.

Parametere ​

options ​

MultiScopeCssOptions

Returnerer ​

string

Eksempel ​

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

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