pantoken-root / formats/css/src / multiScopeCss

Fonction: multiScopeCss() ​

multiScopeCss(options): string

Bêta

La feuille multi-portée complète : ordre des couches, un ensemble d'enregistrements @property, un bloc de base partagé block, un bloc de tokens par thème, et les pins color-scheme clair/sombre.

Les tokens sont partitionnés selon que leur valeur varie réellement entre les themes. Les tokens invariants vont dans le bloc de base partagé une fois ; les tokens variables sont reproduits intégralement dans chaque bloc de thème. Cette seconde partie est ce qui rend l'imbrication sûre — un bloc de thème qui omettrait un token variable hériterait de la valeur du scope englobant pour celui-ci.

Paramètres ​

options ​

MultiScopeCssOptions

Renvoie ​

string

Exemple ​

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

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