pantoken-root / formats/css/src / multiScopeCss

Funktion: multiScopeCss() ​

multiScopeCss(options): string

Beta

Das vollständige Multi-Scope-Sheet: Ebenenreihenfolge, eine Reihe von @property-Registrierungen, ein gemeinsamer Basis Block, ein Token-Block pro Thema und die Light/Dark-color-scheme-Pins.

Tokens werden danach aufgeteilt, ob ihr Wert sich tatsächlich über themes ändert. Invariante Tokens kommen einmal in den gemeinsamen Basisblock; sich ändernde Tokens werden vollständig in jedem Themenblock wiederholt. Dieser zweite Teil macht Verschachtelung sicher — ein Themenblock, der ein sich änderndes Token weglässt, würde den Wert aus dem umgebenden Scope erben.

Parameter ​

options ​

MultiScopeCssOptions

Rückgabe ​

string

Beispiel ​

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

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