tdesign-react
Version:
TDesign Component for React
32 lines (26 loc) • 973 B
text/less
// 组件变量
// 名称可按如下规则定义：
// <component>-[type]-[attrtype]-<attr>-[status]
// component:组件名，如button，
// type: 组件类型，如 button 的次要按钮（line）
// attrtype: 属性的具体应用场景。如颜色，用于背景（bg）、文本（text）、边框（border）等
// attr: 属性名称，如color、height、radius等
// status: 表示组件状态或尺寸，如 hover、disabled、s、l 等
// 如：@button-line-bg-color-hover
// 如：@button-line-height-s
// 颜色
// layout字体色
@layout-color: @text-color-secondary;
// layout背景色
@layout-bg-color: @bg-color-page;
// header背景色
@layout-header-bg-color: @bg-color-container;
// sider背景色
@layout-sider-bg-color: @bg-color-container;
// footer字体色
@layout-footer-color: @text-color-placeholder;
// 尺寸
@layout-header-height: @comp-size-xxxl;
@layout-sider-width: 232px;
// 动画
@layout-sider-anim-duration: @anim-duration-base;