@smwb / ui-css
这个 预构建的聚合样式表 为 @smwb 设计系统-每个组件的CSS在一个
文件,从 @smwb/ui-styles。框架-
不可知论:完全相同的样式表支持两者 @smwb/ui-react
和 @smwb/ui-solid.
安装
npm install @smwb/ui-css
使用
import "@smwb/ui-css";
// or
import "@smwb/ui-css/ui.css";
可选的CSS重置(from @smwb/ui-styles):
import "@smwb/ui-styles/normalize.css";
什么时候使用它
- cj 消费者,或者任何想要使用固定级联顺序的单个全局样式表的时候。
- 快速启动/ cdn风格的使用,摇树没有设置。
如果从 @smwb/ui-react / @smwb/ui-solid 在一个 ESM 构建,每个
组件已经自动拉入了它自己的CSS(可摇树),以及 --smui-*
令牌——你不需要这个包。
ui.css 将令牌声明为 :root 和 :root[data-theme="dark"],以an开头
@import 从谷歌字体的Roboto网页字体。
它是如何构建的
lessc @smwb/ui-styles/less/components.less → dist/ui.css。若要自定义设计令牌,请重写
他们在 @smwb/ui-styles (参见README)并重新编译。