variables.scss
1.35 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
$primary: #d6ab00;
$blue: #2f54eb;
$blue-light: #69c0ff;
$blue-hover: #e6f7ff;
$red: #f5222d;
$green: #26aa58;
$green-light: #5edd8e;
$orange: #ff9852;
$gray: #343434;
$grey: #8c8c8c;
$purple: #722ed1;
$cyan: #13c2c2;
$black: #000;
$text: #314659;
$border: #e8e8e8;
$border-light: rgba(#e8e8e8, 0.2);
$background: #fff;
// NEW STYLE
// $color-primary: #F39800;
$color-primary: #FDD108;
$color-zy-yellow: #FDD108;
$color-zy-orage: #F39800;
$color-zy-green: #074137;
$color-wx: #07c160;
$color-blue: #2F86F6;
$color-green: #28AA91;
$color-red: #FF5257;
$color-blue-dark: #5878B4;
$color-ink: #2D2D2D;
$color-grey: #8C8C8C;
$linear-yellow: linear-gradient(135deg, #FDD108 0%, #FFA000 100%);
$linear-orange: linear-gradient(135deg, #F39800 0%, #FF6400 100%);;
$linear-green: linear-gradient(135deg, #14C3A5 0%, #117361 100%);;
$color-text: #2d2d2d;
$color-text-minor: #8c8c8c;
$color-black: #000;
$color-white: #fff;
$color-border: rgba(151, 151, 151, 0.2);
$color-field: rgba(151, 151, 151, 0.1);
$color-success: #52c41a;
$color-warning: #fa8c16;
$color-error: #f5222d;
$color-minor: #8c8c8c;
$color-border: #f0f0f0;
$color-disabled: #ccc;
$bg-active: #f3f3f3;
$bg-disabled: #f5f5f5;
$font-lg: 1.3125rem;
$font-md: 0.9375rem;
$font-sm: 0.6875rem;
$h-gap-lg: 0.625rem;
$h-gap-md: 0.468rem;
$h-gap-sm: 0.3125rem;
$v-gap-lg: 1.4rem;
$v-gap-md: 0.9375rem;
$v-gap-sm: 0.625rem;