tdesign-react
Version:
TDesign Component for React
30 lines (22 loc) • 877 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
@import "../../base.less";
@rate-cls: ~"@{prefix}-rate";
// 字号
@rate-text-font: @font-mark-medium;
// margin
@rate-text-before: @comp-margin-l;
// 动画
@rate-hover-transform: scale(1.33);
@rate-transition: all @anim-duration-base @anim-time-fn-easing;
// 颜色
@rate-text-primary: @text-color-primary;
@rate-text-secondary: @text-color-secondary;