pantoken-root / formats/css/src / multiScopeCss

Fonksiyon: multiScopeCss() ​

multiScopeCss(options): string

Beta

Tam çok-örtçekimli sayfa: katman sıralaması, bir set @property kayıtları, paylaşılan bir base blok, her tema için bir token bloğu ve light/dark color-scheme pinleri.

Token'ler değerlerinin gerçekten themes arasında değişip değişmediğine göre bölünür. Değişmeyen token'ler paylaşılmış base bloğa bir kez konur; değişen token'ler ise her tema bloğunda tamamen tekrarlanır. Bu ikinci kısım içiçe koymayı güvenli kılar — bir tema bloğu değişen bir token'i atarsa, çevreleyen kapsamın değerini miras alır.

Parametreler ​

options ​

MultiScopeCssOptions

Döndürür ​

string

Örnek ​

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

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