acud/es/style/themes/default/components/tag.less

acg react 组件库

@import '../config.less';

// 字体
@tag-font-size: @T2;
@tag-line-height: 6*@P;

// 基础配置
@tag-font-weight: @font-weight-400;
// 描边
@tag-border-style: @border-style-base;
@tag-border-width: @border-width-base;
@tag-border-width-base: 0px;
@tag-border-radius-sm: @R2;
@tag-border-radius-md: @R2;
@tag-border-radius-lg: @R2;

// 大小
@tag-height-sm: 16px;
@tag-font-size-sm: @T1;
@tag-height-md: 20px;
@tag-font-size-md: @T2;
@tag-height-lg: 24px;
@tag-font-size-lg: @T2;

// 颜色
@tag-default-tp: tp8;
@tag-default-bg: @G10;

@tag-checkable-tp: tp8;
@tag-checkable-p: p8;

@tag-transparent-checkable-tp: tp8;
@tag-transparent-checkable-p: p47;

@tag-checkable-checked-tp: tp9;
@tag-checkable-checked-p: p30;


// 标签固定颜色
@tag-inactive-color: @G2;
@tag-inactive-after-color: @G6;
@tag-active-color: @B6;
@tag-error-color: @E6;
@tag-success-color: @S6;
@tag-warning-color: @W6;
@tag-processing-color: @Y6;

// 标签固定颜色 背景
@tag-inactive-bg-color: @G10;
@tag-active-bg-color: @B1;
@tag-error-bg-color: @E1;
@tag-success-bg-color: @S1;
@tag-warning-bg-color: @W1;
@tag-processing-bg-color: @Y1;
@tag-processing-bg-after-color: @B1;

// 标签固定颜色 边框
@tag-inactive-border-color: @G7;
@tag-active-border-color: @B4;
@tag-error-border-color: @E3;
@tag-success-border-color: @S3;
@tag-warning-border-color: @W3;
@tag-processing-border-color: @Y3;

// 状态标签固定颜色 
@tag-status-inactive-color: @G7;
@tag-status-active-color: @B6;
@tag-status-error-color: @E6;
@tag-status-success-color: @S6;
@tag-status-warning-color: @W6;
@tag-status-processing-color: @B5;

// 标签固定颜色
@tag-red-color: @E6;
@tag-orange-color: @W6;
@tag-yellow-color: @Y6;
@tag-grey-color: @G6;

@tag-subscription-tp: tp25;