pantoken-root / formats/css/src / multiScopeCss

Función: multiScopeCss() ​

multiScopeCss(options): string

Beta

La hoja multi-ambito completa: orden de capas, un conjunto de @property registrations, un bloque base compartido block, un bloque de tokens por tema, y los pines de color-scheme claro/oscuro.

Los tokens se partitionan según si su valor realmente varía entre themes. Los tokens invariantes van en el bloque base compartido una vez; los tokens variables se repiten completos en cada bloque de tema. Esa segunda mitad es la que hace segura la anidación — un bloque de tema que omitiera un token variable heredaría el valor del ámbito envolvente para dicho token.

Parámetros ​

options ​

MultiScopeCssOptions

Devuelve ​

string

Ejemplo ​

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

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