pantoken-root / formats/css/src / multiScopeCss

Funktion: multiScopeCss() ​

multiScopeCss(options): string

Beta

Det komplette multi-scope-ark: lagrækkefølge, et sæt @property-registreringer, en delt baseblok, en tokenblok pr. tema og light/dark color-scheme-pins.

Tokens er opdelt efter, om deres værdi faktisk varierer på tværs af themes. Invariante tokens placeres én gang i den delte base-blok; varierende tokens gentages fuldt ud i hver theme-blok. Det sidste er det, der gør indlejring sikker — en theme-blok, der udelod et varierende token, ville arve den omgivende scopes værdi for det.

Parametre ​

options ​

MultiScopeCssOptions

Returnerer ​

string

Eksempel ​

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

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