pantoken-root / formats/css/src / multiScopeCss

Fonction: multiScopeCss() ​

multiScopeCss(options): string

Bêta

La feuille multi-portée complète : ordre des couches, un jeu d'enregistrements @property des __PTK_INLINE_CODE_0_registrations, un bloc de base partagé , un bloc de jetons par thème, et les pins color-scheme light/dark.

Les jetons sont partitionnés selon que leur valeur varie réellement entre les themes thèmes. Les jetons invariants vont dans le bloc de base partagé une seule fois ; les jetons variables sont répétés en entier dans chaque bloc de thème. Cette seconde moitié rend l'imbrication sûre — un bloc de thème qui omettrait un jeton variable hériterait de la valeur du scope englobant pour celui-ci.

Paramètres ​

options ​

MultiScopeCssOptions

Retourne ​

string

Exemple ​

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

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