Skip to content

pantoken-root / formats/css/src / multiScopeCss

函式: multiScopeCss() ​

multiScopeCss(options): string

Beta(測試)

完整的多作用域樣式表:圖層順序、一組 @property 註冊、共用的 base block、每個主題的 token 區塊,以及淺/深色的 color-scheme 錨定。

Token 依其在 themes 中的值是否實際變化來區分。不變的 token 放在共用 base 區塊一次;會變的 token 則在每個主題區塊中完整重複。後半部分使得嵌套安全——若某主題區塊遺漏了會變的 token,則會繼承外層作用域的值。

參數 ​

options ​

MultiScopeCssOptions

回傳 ​

string

範例 ​

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

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