Skip to content

pantoken / css

css

Beta

@pantoken/css — 将 Instructure 设计令牌输出为 @property 类型的 CSS。

toCss 会将任意令牌 IR 转换为 CSS;css 是现成的 rebrand 样式表, leanCss 是其精简变体,会去除完整的 --instui-icon-* 集(约 1,777 个占据样式表主体的图标 data-URI),以便用于 CDN/嵌入 —— 在传输层面大约只有六分之一的大小。两者都包含 elevation 与 focus-outline 基础(复合自定义属性,其纯构造器位于 @pantoken/utils),因此组件样式表只依靠令牌样式表即可解析阴影和焦点环。一个会在 DOM 上产生副作用的入口位于 @pantoken/css/inject;静态文件位于 @pantoken/css/style.css@pantoken/css/style.lean.css

接口

变量

函数

引用

default

重命名并重新导出 css