pantoken-root / formats/css/src / multiScopeCss

Função: multiScopeCss() ​

multiScopeCss(options): string

Beta

A folha multi-escopo completa: ordem das camadas, um conjunto de @property registros, um bloco base compartilhado block, um bloco de tokens por tema, e os pinos de color-scheme claro/escuro.

Os tokens são particionados conforme seu valor realmente varia entre themes. Tokens invariantes vão no bloco base compartilhado uma vez; tokens variantes são repetidos integralmente em cada bloco de tema. Essa segunda metade é o que torna o aninhamento seguro — um bloco de tema que omitisse um token variante herdaria o valor do escopo envolvente para ele.

Parâmetros ​

options ​

MultiScopeCssOptions

Retorna ​

string

Exemplo ​

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

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