157 lines
2.4 KiB
Plaintext
157 lines
2.4 KiB
Plaintext
@import "./_theme.less";
|
|
|
|
// Color
|
|
|
|
@default-color : @theme-color;
|
|
|
|
@success-color : #34BFA3;
|
|
|
|
@warning-color : #FFE57F;
|
|
|
|
@error-color : #F4516C;
|
|
|
|
@disabled-color : #DEE2E6;
|
|
|
|
@selected-color : fade(@default-color, 90%);
|
|
|
|
@tooltip-color : #fff;
|
|
|
|
@subsidiary-color : #80848f;
|
|
|
|
@rate-star-color : #f5a623;
|
|
|
|
@active-color : #333;
|
|
|
|
// steps
|
|
|
|
@step-color : #C4C9D2;
|
|
|
|
@step-active-color : @theme-color;
|
|
|
|
// Text
|
|
@title-color : #333;
|
|
|
|
@text-color : #888;
|
|
|
|
// Background Color
|
|
@background-color-base : #f8f8f8; // base
|
|
|
|
// Border color
|
|
@border-color-base : #dddee1; // outside
|
|
|
|
@border-color-split : #e9eaec; // inside
|
|
|
|
// Size
|
|
@size-grid-icon : 28rpx;
|
|
|
|
@size-font-base : 28rpx;
|
|
|
|
@size-font-mini : 24rpx;
|
|
|
|
@size-font-supermini : 20rpx;
|
|
|
|
@size-font-large : 32rpx;
|
|
|
|
// Button
|
|
@btn-font-weight : normal;
|
|
|
|
@btn-font-size : 24rpx;
|
|
|
|
@btn-font-size-large : 32rpx;
|
|
|
|
@btn-border-color : rgba(0, 0, 0, 0.1);
|
|
|
|
@btn-border-radius : 8rpx;
|
|
@btn-border-radius-small: 6rpx;
|
|
|
|
@btn-group-border : shade(@default-color, 5%);
|
|
|
|
@btn-text-color : #fff;
|
|
|
|
@btn-disable-color : #DEE2E6;
|
|
|
|
@btn-disable-bg : @background-color-base;
|
|
|
|
@btn-disable-border : @border-color-base;
|
|
|
|
@btn-default-color : @text-color;
|
|
|
|
@btn-default-bg : @background-color-base;
|
|
|
|
@btn-default-border : @border-color-base;
|
|
|
|
@btn-primary-color : #fff;
|
|
|
|
@btn-primary-bg : @default-color;
|
|
|
|
@btn-ghost-color : @text-color;
|
|
|
|
@btn-ghost-bg : transparent;
|
|
|
|
@btn-ghost-border : @border-color-base;
|
|
|
|
@btn-height : 72rpx;
|
|
|
|
@btn-width : 180rpx;
|
|
|
|
@btn-height-large : 88rpx;
|
|
|
|
@btn-width-large : 710rpx;
|
|
|
|
@btn-height-mini : 60rpx;
|
|
|
|
@btn-width-mini : 140rpx;
|
|
|
|
@btn-loading-color : #fff;
|
|
|
|
@btn-circle-size : 40rpx;
|
|
|
|
@btn-circle-size-mini : 30rpx;
|
|
|
|
@btn-circle-size-large : 48rpx;
|
|
|
|
// icon
|
|
@icon-font-size : 32px; // 图标字体大小 默认
|
|
|
|
@icon-font-size-large : 42px; // 图标字体大小 大号
|
|
|
|
@icon-font-size-small : 22px; // 图标字体大小 小号
|
|
|
|
@icon-font-color : #80848f;
|
|
|
|
// Avatar
|
|
@avatar-bg : #ccc;
|
|
|
|
@avatar-color : #fff;
|
|
|
|
@avatar-size-base : 32px;
|
|
|
|
@avatar-size-lg : 40px;
|
|
|
|
@avatar-size-sm : 24px;
|
|
|
|
@avatar-font-size-base : 18px;
|
|
|
|
@avatar-font-size-lg : 24px;
|
|
|
|
@avatar-font-size-sm : 14px;
|
|
|
|
@avatar-border-radius : @border-radius-small;
|
|
|
|
@border-radius-small : 4px;
|
|
|
|
// Animation
|
|
@animation-time : 0.3s;
|
|
|
|
@transition-time : 0.2s;
|
|
|
|
@ease-in-out : ease-in-out;
|
|
|
|
// Progress
|
|
@progress-active-color : @theme-color;
|
|
|
|
@size-spacing-base: 20rpx;
|
|
@size-spacing-large: 24rpx;
|
|
@size-spacing-small: 16rpx;
|
|
@size-spacing-mini: 4rpx;
|