pantoken-root / formats/css/src / multiScopeCss

Funció: multiScopeCss() ​

multiScopeCss(options): string

Beta

La fulla completa multi-escala: ordre de capes, un conjunt de @property registrations, un bloc base compartit block, un bloc de tokens per tema, i les clavilles color-scheme light/dark.

Els tokens es divideixen segons si el seu valor realment varia entre els themes. Els tokens invariants van al bloc base compartit una vegada; els tokens variables es repeteixen íntegrament en cada bloc de tema. Aquesta segona meitat és la que fa segura la imbricació — un bloc de tema que ometé un token variable heretaria el valor de l'abast que l'envolta per a aquest.

Paràmetres ​

options ​

MultiScopeCssOptions

Retorna ​

string

Exemple ​

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

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