acud/lib/style/themes/default/components/button.less

acg react 组件库

@import '../config.less';

// 按钮 button
// 基础配置
@btn-font-weight: @font-weight-400;
// 描边
@btn-border-style: @border-style-base;
@btn-border-width: @border-width-base;
@btn-border-radius-sm: @R2;
@btn-border-radius-md: @R3;
@btn-border-radius-lg: @R3;

// 字体
@btn-font-size: @T3;
// 大小
@btn-height-sm: 24px;
@btn-font-size-sm: @T2;
@btn-height-md: 32px;
@btn-font-size-md: @T2;
@btn-height-lg: 40px;
@btn-font-size-lg: @T3;

// 间距
@btn-icon-space: @space-1;

// !!!!
// component-type-uiState-config-type
// btn-primary-(default|hover|click|disabled)-(color|bg-color|broder-color|dis-color)

// 主按钮 primary
// color
@btn-primary-tp: tp1;
@btn-primary-p: p1;

@btn-default-tp: tp3;
@btn-default-p: p3;

@btn-enhance-tp: tp2;
@btn-enhance-p: p2;

@btn-highlight-tp: tp1;
@btn-highlight-p: p4;

@btn-text-tp: tp3;
@btn-text-p: p0;

@btn-actiontext-tp: tp2;
@btn-actiontext-p: p0;