tdesign-mobile-vue
Version:
tdesign-mobile-vue
37 lines (28 loc) • 1.16 kB
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
// 背景色
@noticebar-bg-color-info: #ECF2FE;
@noticebar-bg-color-success: #E8F8F2;
@noticebar-bg-color-warning: #FEF3E6;
@noticebar-bg-color-error: #FDECEE;
// 文本色
@noticebar-text-color-info: @brand-color;
@noticebar-text-color-success: @success-color;
@noticebar-text-color-warning: @warning-color;
@noticebar-text-color-error: @error-color;
// 文本大小
@noticebar-text-font-size: 14px;
@noticebar-icon-color-info: @brand-color;
@noticebar-icon-color-success: @success-color;
@noticebar-icon-color-warning: @warning-color;
@noticebar-icon-color-error: @error-color;
@noticebar-min-height: 22px;
@noticebar-icon-size: 22px;