@cainiaofe/cn-ui-theme-light

菜鸟 CSS Token 库

介绍

CSS Token 是一种将颜色、字体、间距等常用样式属性抽象成变量的方式，以便于在项目中统一管理和调整样式。

本库提供了一套基础的 CSS Token，包括颜色、字体、间距等常用样式属性，可以在项目中直接使用或者根据需要进行扩展。

使用

在项目中引入 CSS Token：

SCSS

@import '@cainiaofe/cn-ui-theme-light/token.scss';

SCSS + Webpack Sass-loader

@import '~@cainiaofe/cn-ui-theme-light/token.scss';

CSS

@import '@cainiaofe/cn-ui-theme-light/token.css';

主要变更

v0.x

• 基于 Fusion 主题衍生，所有文件结构和 Fusion 完全对等

v1.x

• 进一步规范菜鸟主题使用
• 逐步废弃 Fusion 主题覆盖能力

v2.x

• 不再支持 Fusion 主题能力
• 默认提供 PC 默认值
• 可通过组件构建来将默认值切换

详细 token 规范

参考 token 详情