tdesign-react/esm/style/web/components/collapse/_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

@collapse-cls: ~"@{prefix}-collapse";
@collapse-panel-cls: ~"@{collapse-cls}-panel";
// 高度
// @collapse-panel-header-height: 46px;

// 颜色
@collapse-border-size: solid 1px @component-border;

// 字体尺寸
@collapse-panel-header-text: @font-title-small;

// 字体颜色
@collapse-panel-content-text-color: @text-color-secondary;

// 间距
@collapse-panel-header-padding: @comp-paddingTB-m @comp-paddingLR-l;
@collapse-panel-header-icon-margin: @comp-margin-s;
@collapse-panel-content-padding: @comp-paddingTB-m @comp-paddingLR-l @comp-paddingTB-m calc(@comp-paddingLR-l + @comp-margin-xxl) ;