tdesign-react/esm/common/style/web/components/divider/_var.less

TDesign Component for React

// 组件变量
// 名称可按如下规则定义：
// <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

// 颜色
@divider-border-color: @border-level-1-color;
@divider-color: @text-color-primary;

// 字体
@divider-font: @font-body-medium;

// 间距
@divider-horizontal-margin: @comp-margin-xxl 0;
@divider-vertical-margin: 0 @comp-margin-m;
@divider-inner-text-padding: 0 1em;

// 尺寸
@divider-border-width: 1px;
@divider-vertical-height: .9em;