pantoken-root / formats/css/src / multiScopeCss

Funktio: multiScopeCss() ​

multiScopeCss(options): string

Beta

Täydellinen monialuearkki: kerrosten järjestys, yksi sarja @property-rekisteröintejä, yhteinen perustason lohko, token-lohko joka teemalle, ja vaalea/tumma color-scheme -nastat.

Tokeneita jaetaan sen mukaan, vaihtuuko niiden arvo todella eri themes-teemoissa. Invariantit tokenit sijoitetaan kerran yhteiseen perustason lohkoon; vaihtuvat tokenit toistetaan kokonaisina jokaisessa teema-lohkossa. Tuo toinen osa tekee sisäkkäisyydestä turvallista — teema-lohko, joka jättää vaihtuvan tokenin pois, perii sitä ympäröivän alueen arvon.

Parametrit ​

options ​

MultiScopeCssOptions

Palauttaa ​

string

Esimerkki ​

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

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