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 se o seu valor realmente varia entre themes. Tokens invariantes vão no bloco base compartilhado uma vez; tokens variáveis são repetidos por completo em cada bloco de tema. Essa segunda parte é o que torna o aninhamento seguro — um bloco de tema que omitisse um token variável herdaria o valor desse token do escopo que o envolve.

Parâmetros ​

options ​

MultiScopeCssOptions

Retorna ​

string

Exemplo ​

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

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