Skip to content

pantoken-root / formats/css/src / multiScopeCss

函数: multiScopeCss() ​

multiScopeCss(options): string

Beta

完整的多作用域样式表:图层顺序、一组 @property 注册、一个共享的 base 块、每个主题的 token 块,以及浅/深色的 color-scheme 固定定义。

令牌按其值是否在 themes 之间实际变化来划分。恒定不变的 token 放入共享的 base 块一次;可变的 token 则在每个主题块中完整重复。后者保证了嵌套的安全性——如果某个主题块漏掉了可变 token,则会继承外层作用域的对应值。

参数 ​

options ​

MultiScopeCssOptions

返回值 ​

string

示例 ​

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

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