variables.scss 2.7 KB
Newer Older
Z
zhuzhida 已提交
1 2 3 4 5 6 7 8 9
// color

// 主色调
$primary-color: #fa2c19 !default;
$primary-color-end: #fa6419 !default;
// 辅助色
$help-color: #f5f5f5 !default;
// 标题常规文字
$title-color: #1a1a1a !default;
richard_1015's avatar
richard_1015 已提交
10 11
// 副标题
$title-color2: #666666 !default;
Z
zhuzhida 已提交
12 13 14 15 16
// 次内容
$text-color: #808080 !default;
// 特殊禁用色
$disable-color: #cccccc !default;
$white: #fff;
Z
zy19940510 已提交
17 18 19 20
$black: #000;

// padding
$padding-xs: 8px 12px;
Z
zhuzhida 已提交
21 22 23 24 25 26 27 28 29 30

// Font
$font-size-1: 12px;
$font-size-2: 14px;
$font-size-3: 16px;
$font-size-4: 18px;
$font-weight-bold: 400;

// button
$button-border-radius: 25px;
Z
zy19940510 已提交
31
$button-border-width: 1px;
Z
zy19940510 已提交
32
$button-default-bg-color: $white;
Z
zy19940510 已提交
33 34 35 36 37
$button-default-border-color: rgba(204, 204, 204, 1);
$button-default-color: rgba(102, 102, 102, 1);
$button-small-height: 28px;
$button-default-height: 38px;
$button-large-height: 48px;
Z
zy19940510 已提交
38 39
$button-large-line-height: 46px;
$button-small-line-height: 26px;
Z
zy19940510 已提交
40 41 42 43 44
$button-block-height: 48px;
$button-default-line-height: 36px;
$button-block-line-height: 46px;
$button-default-font-size: $font-size-2;
$button-disabled-opacity: 0.68;
Z
zy19940510 已提交
45 46
$button-primary-color: $white;
$button-primary-border-color: rgba(250, 44, 25, 1);
Z
zy19940510 已提交
47 48 49 50 51 52 53
$button-primary-background-color: linear-gradient(
  135deg,
  rgba(250, 44, 25, 1) 0%,
  rgba(250, 63, 25, 1) 45%,
  rgba(250, 89, 25, 1) 83%,
  rgba(250, 100, 25, 1) 100%
);
Z
zy19940510 已提交
54 55
$button-info-color: $white;
$button-info-border-color: rgba(73, 106, 242, 1);
S
suzigang 已提交
56 57 58 59 60
$button-info-background-color: linear-gradient(
  315deg,
  rgba(73, 143, 242, 1) 0%,
  rgba(73, 101, 242, 1) 100%
);
Z
zy19940510 已提交
61 62
$button-success-color: $white;
$button-success-border-color: rgba(38, 191, 38, 1);
Z
zy19940510 已提交
63 64 65 66 67 68 69 70
$button-success-background-color: linear-gradient(
  135deg,
  rgba(38, 191, 38, 1) 0%,
  rgba(39, 197, 48, 1) 45%,
  rgba(40, 207, 63, 1) 83%,
  rgba(41, 212, 70, 1) 100%
);

Z
zy19940510 已提交
71 72
$button-danger-color: $white;
$button-danger-border-color: rgba(250, 44, 25, 1);
Z
zy19940510 已提交
73
$button-danger-background-color: rgba(250, 44, 25, 1);
Z
zy19940510 已提交
74 75
$button-warning-color: $white;
$button-warning-border-color: rgba(255, 158, 13, 1);
Z
zy19940510 已提交
76 77 78 79 80 81 82 83
$button-warning-background-color: linear-gradient(
  135deg,
  rgba(255, 158, 13, 1) 0%,
  rgba(255, 167, 13, 1) 45%,
  rgba(255, 182, 13, 1) 83%,
  rgba(255, 190, 13, 1) 100%
);
$button-plain-background-color: #fff;
Z
zy19940510 已提交
84
$button-plain-background-color: $white;
xiaozhumaopao's avatar
xiaozhumaopao 已提交
85

richard_1015's avatar
richard_1015 已提交
86 87 88 89 90 91 92
// cell

$cell-color: $title-color2;
$cell-title-font: $font-size-2;
$cell-title-desc-font: $font-size-1;
$cell-desc-font: $font-size-2;
$cell-desc-color: $disable-color;
richard_1015's avatar
richard_1015 已提交
93 94 95 96 97 98

// icon

$icon-height: 20px;
$icon-width: 20px;
$icon-line-height: 20px;
richard_1015's avatar
richard_1015 已提交
99 100 101 102 103

// uploader

$uploader-width: 100px;
$uploader-height: 100px;
richard_1015's avatar
richard_1015 已提交
104
$uploader-background: #f7f8fa;
S
suzigang 已提交
105 106 107 108 109 110 111

// inputnumber

$inputnumber-input-background-color: $help-color;
$inputnumber-input-border-radius: 8px;
$inputnumber-input-width: 40px;
$inputnumber-input-height: 20px;