pantoken-root / formats/css/src / multiScopeCss

Funktion: multiScopeCss() ​

multiScopeCss(options): string

Beta

Det kompletta multi-scope-arket: lagerordning, en uppsättning @property-registreringar, ett delat basblock, ett tokenblock per tema och de ljusa/mörka color-scheme-pinnarna.

Tokens är uppdelade beroende på om deras värde faktiskt varierar mellan themes. Invarianta tokens placeras en gång i det delade basblocket; varierande tokens upprepas i sin helhet i varje temablock. Den andra delen är det som gör nästling säkert — ett temablock som utelämnade en varierande token skulle ärva det omslutande scopets värde för den.

Parametrar ​

options ​

MultiScopeCssOptions

Returnerar ​

string

Exempel ​

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

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