@mc-markets/ui 1.0.38 → 1.0.39
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +100 -0
- package/dist/index.js +18827 -24
- package/dist/index.js.css +1 -0
- package/package.json +15 -32
- package/packages/styles/index.scss +48 -6
- package/packages/styles/variables/border-mode.css +6 -6
- package/packages/styles/variables/index.scss +5 -5
- package/packages/styles/variables/primitives-style.css +112 -112
- package/packages/styles/variables/radius-mode.css +14 -14
- package/packages/styles/variables/spacing-mode.css +20 -20
- package/packages/styles/variables/typography-desktop.css +40 -40
- package/packages/styles/variables/typography-mobile.css +40 -40
- package/dist/ui.css +0 -1
- package/packages/styles/element/button.scss +0 -99
- package/packages/styles/element/form.scss +0 -21
- package/packages/styles/element/popper.scss +0 -6
- package/packages/styles/element/select.scss +0 -35
|
@@ -1,112 +1,112 @@
|
|
|
1
|
-
/* _primitives-style.css */
|
|
2
|
-
:root {
|
|
3
|
-
--colors-alpha-black-0: rgb(0 0 0 / 0%);
|
|
4
|
-
--colors-alpha-black-10: rgb(0 0 0 / 10%);
|
|
5
|
-
--colors-alpha-black-100: rgb(0 0 0);
|
|
6
|
-
--colors-alpha-black-2: rgb(0 0 0 / 2%);
|
|
7
|
-
--colors-alpha-black-20: rgb(0 0 0 / 20%);
|
|
8
|
-
--colors-alpha-black-30: rgb(0 0 0 / 30%);
|
|
9
|
-
--colors-alpha-black-4: rgb(0 0 0 / 4%);
|
|
10
|
-
--colors-alpha-black-40: rgb(0 0 0 / 40%);
|
|
11
|
-
--colors-alpha-black-50: rgb(0 0 0 / 50%);
|
|
12
|
-
--colors-alpha-black-6: rgb(0 0 0 / 6%);
|
|
13
|
-
--colors-alpha-black-60: rgb(0 0 0 / 60%);
|
|
14
|
-
--colors-alpha-black-70: rgb(0 0 0 / 70%);
|
|
15
|
-
--colors-alpha-black-8: rgb(0 0 0 / 8%);
|
|
16
|
-
--colors-alpha-black-80: rgb(0 0 0 / 80%);
|
|
17
|
-
--colors-alpha-black-90: rgb(0 0 0 / 90%);
|
|
18
|
-
--colors-alpha-white-0: rgb(255 255 255 / 0%);
|
|
19
|
-
--colors-alpha-white-10: rgb(255 255 255 / 10%);
|
|
20
|
-
--colors-alpha-white-100: rgb(255 255 255);
|
|
21
|
-
--colors-alpha-white-2: rgb(255 255 255 / 2%);
|
|
22
|
-
--colors-alpha-white-20: rgb(255 255 255 / 20%);
|
|
23
|
-
--colors-alpha-white-30: rgb(255 255 255 / 30%);
|
|
24
|
-
--colors-alpha-white-4: rgb(255 255 255 / 4%);
|
|
25
|
-
--colors-alpha-white-40: rgb(255 255 255 / 40%);
|
|
26
|
-
--colors-alpha-white-50: rgb(255 255 255 / 50%);
|
|
27
|
-
--colors-alpha-white-6: rgb(255 255 255 / 6%);
|
|
28
|
-
--colors-alpha-white-60: rgb(255 255 255 / 60%);
|
|
29
|
-
--colors-alpha-white-70: rgb(255 255 255 / 70%);
|
|
30
|
-
--colors-alpha-white-8: rgb(255 255 255 / 8%);
|
|
31
|
-
--colors-alpha-white-80: rgb(255 255 255 / 80%);
|
|
32
|
-
--colors-alpha-white-90: rgb(255 255 255 / 90%);
|
|
33
|
-
--colors-base-black: rgb(0 0 0);
|
|
34
|
-
--colors-base-white: rgb(255 255 255);
|
|
35
|
-
--colors-forest-1: rgb(237 244 243);
|
|
36
|
-
--colors-forest-10: rgb(27 51 46);
|
|
37
|
-
--colors-forest-2: rgb(228 239 236);
|
|
38
|
-
--colors-forest-3: rgb(200 221 216);
|
|
39
|
-
--colors-forest-4: rgb(77 146 130);
|
|
40
|
-
--colors-forest-5: rgb(69 131 117);
|
|
41
|
-
--colors-forest-6: rgb(62 117 104);
|
|
42
|
-
--colors-forest-7: rgb(58 110 98);
|
|
43
|
-
--colors-forest-8: rgb(46 88 78);
|
|
44
|
-
--colors-forest-9: rgb(35 66 58);
|
|
45
|
-
--colors-gray-1: rgb(238 238 240);
|
|
46
|
-
--colors-gray-10: rgb(22 21 24);
|
|
47
|
-
--colors-gray-2: rgb(211 209 217);
|
|
48
|
-
--colors-gray-3: rgb(175 173 183);
|
|
49
|
-
--colors-gray-4: rgb(135 132 145);
|
|
50
|
-
--colors-gray-5: rgb(88 86 96);
|
|
51
|
-
--colors-gray-6: rgb(50 49 55);
|
|
52
|
-
--colors-gray-7: rgb(41 40 47);
|
|
53
|
-
--colors-gray-8: rgb(32 31 36);
|
|
54
|
-
--colors-gray-9: rgb(28 27 31);
|
|
55
|
-
--colors-green-1: rgb(229 255 249);
|
|
56
|
-
--colors-green-10: rgb(14 62 51);
|
|
57
|
-
--colors-green-2: rgb(183 250 234);
|
|
58
|
-
--colors-green-3: rgb(138 240 214);
|
|
59
|
-
--colors-green-4: rgb(70 200 168);
|
|
60
|
-
--colors-green-5: rgb(52 168 139);
|
|
61
|
-
--colors-green-6: rgb(32 151 122);
|
|
62
|
-
--colors-green-7: rgb(17 131 102);
|
|
63
|
-
--colors-green-8: rgb(7 105 81);
|
|
64
|
-
--colors-green-9: rgb(0 77 57);
|
|
65
|
-
--colors-orange-1: rgb(255 241 233);
|
|
66
|
-
--colors-orange-10: rgb(54 44 35);
|
|
67
|
-
--colors-orange-2: rgb(255 236 206);
|
|
68
|
-
--colors-orange-3: rgb(255 218 162);
|
|
69
|
-
--colors-orange-4: rgb(255 183 75);
|
|
70
|
-
--colors-orange-5: rgb(255 166 31);
|
|
71
|
-
--colors-orange-6: rgb(210 139 32);
|
|
72
|
-
--colors-orange-7: rgb(166 112 33);
|
|
73
|
-
--colors-orange-8: rgb(121 85 34);
|
|
74
|
-
--colors-orange-9: rgb(77 58 35);
|
|
75
|
-
--colors-red-1: rgb(255 229 232);
|
|
76
|
-
--colors-red-10: rgb(54 34 38);
|
|
77
|
-
--colors-red-2: rgb(254 190 195);
|
|
78
|
-
--colors-red-3: rgb(251 147 155);
|
|
79
|
-
--colors-red-4: rgb(247 110 122);
|
|
80
|
-
--colors-red-5: rgb(241 70 84);
|
|
81
|
-
--colors-red-6: rgb(233 37 53);
|
|
82
|
-
--colors-red-7: rgb(205 19 35);
|
|
83
|
-
--colors-red-8: rgb(164 10 22);
|
|
84
|
-
--colors-red-9: rgb(124 4 14);
|
|
85
|
-
--colors-yellow-1: rgb(255 251 230);
|
|
86
|
-
--colors-yellow-10: rgb(89 76 2);
|
|
87
|
-
--colors-yellow-2: rgb(255 249 218);
|
|
88
|
-
--colors-yellow-3: rgb(255 243 178);
|
|
89
|
-
--colors-yellow-4: rgb(255 217 5);
|
|
90
|
-
--colors-yellow-5: rgb(230 195 5);
|
|
91
|
-
--colors-yellow-6: rgb(204 174 4);
|
|
92
|
-
--colors-yellow-7: rgb(191 163 4);
|
|
93
|
-
--colors-yellow-8: rgb(153 130 3);
|
|
94
|
-
--colors-yellow-9: rgb(115 98 2);
|
|
95
|
-
--spacing-0-0px: 0px;
|
|
96
|
-
--spacing-0․5-2px: 2px;
|
|
97
|
-
--spacing-1-4px: 4px;
|
|
98
|
-
--spacing-10-40px: 40px;
|
|
99
|
-
--spacing-12-48px: 48px;
|
|
100
|
-
--spacing-16-64px: 64px;
|
|
101
|
-
--spacing-1․5-6px: 6px;
|
|
102
|
-
--spacing-2-8px: 8px;
|
|
103
|
-
--spacing-20-80px: 80px;
|
|
104
|
-
--spacing-24-96px: 96px;
|
|
105
|
-
--spacing-3-12px: 12px;
|
|
106
|
-
--spacing-32-128px: 128px;
|
|
107
|
-
--spacing-4-16px: 16px;
|
|
108
|
-
--spacing-40-160px: 160px;
|
|
109
|
-
--spacing-5-20px: 20px;
|
|
110
|
-
--spacing-6-24px: 24px;
|
|
111
|
-
--spacing-8-32px: 32px;
|
|
112
|
-
}
|
|
1
|
+
/* _primitives-style.css */
|
|
2
|
+
:root {
|
|
3
|
+
--colors-alpha-black-0: rgb(0 0 0 / 0%);
|
|
4
|
+
--colors-alpha-black-10: rgb(0 0 0 / 10%);
|
|
5
|
+
--colors-alpha-black-100: rgb(0 0 0);
|
|
6
|
+
--colors-alpha-black-2: rgb(0 0 0 / 2%);
|
|
7
|
+
--colors-alpha-black-20: rgb(0 0 0 / 20%);
|
|
8
|
+
--colors-alpha-black-30: rgb(0 0 0 / 30%);
|
|
9
|
+
--colors-alpha-black-4: rgb(0 0 0 / 4%);
|
|
10
|
+
--colors-alpha-black-40: rgb(0 0 0 / 40%);
|
|
11
|
+
--colors-alpha-black-50: rgb(0 0 0 / 50%);
|
|
12
|
+
--colors-alpha-black-6: rgb(0 0 0 / 6%);
|
|
13
|
+
--colors-alpha-black-60: rgb(0 0 0 / 60%);
|
|
14
|
+
--colors-alpha-black-70: rgb(0 0 0 / 70%);
|
|
15
|
+
--colors-alpha-black-8: rgb(0 0 0 / 8%);
|
|
16
|
+
--colors-alpha-black-80: rgb(0 0 0 / 80%);
|
|
17
|
+
--colors-alpha-black-90: rgb(0 0 0 / 90%);
|
|
18
|
+
--colors-alpha-white-0: rgb(255 255 255 / 0%);
|
|
19
|
+
--colors-alpha-white-10: rgb(255 255 255 / 10%);
|
|
20
|
+
--colors-alpha-white-100: rgb(255 255 255);
|
|
21
|
+
--colors-alpha-white-2: rgb(255 255 255 / 2%);
|
|
22
|
+
--colors-alpha-white-20: rgb(255 255 255 / 20%);
|
|
23
|
+
--colors-alpha-white-30: rgb(255 255 255 / 30%);
|
|
24
|
+
--colors-alpha-white-4: rgb(255 255 255 / 4%);
|
|
25
|
+
--colors-alpha-white-40: rgb(255 255 255 / 40%);
|
|
26
|
+
--colors-alpha-white-50: rgb(255 255 255 / 50%);
|
|
27
|
+
--colors-alpha-white-6: rgb(255 255 255 / 6%);
|
|
28
|
+
--colors-alpha-white-60: rgb(255 255 255 / 60%);
|
|
29
|
+
--colors-alpha-white-70: rgb(255 255 255 / 70%);
|
|
30
|
+
--colors-alpha-white-8: rgb(255 255 255 / 8%);
|
|
31
|
+
--colors-alpha-white-80: rgb(255 255 255 / 80%);
|
|
32
|
+
--colors-alpha-white-90: rgb(255 255 255 / 90%);
|
|
33
|
+
--colors-base-black: rgb(0 0 0);
|
|
34
|
+
--colors-base-white: rgb(255 255 255);
|
|
35
|
+
--colors-forest-1: rgb(237 244 243);
|
|
36
|
+
--colors-forest-10: rgb(27 51 46);
|
|
37
|
+
--colors-forest-2: rgb(228 239 236);
|
|
38
|
+
--colors-forest-3: rgb(200 221 216);
|
|
39
|
+
--colors-forest-4: rgb(77 146 130);
|
|
40
|
+
--colors-forest-5: rgb(69 131 117);
|
|
41
|
+
--colors-forest-6: rgb(62 117 104);
|
|
42
|
+
--colors-forest-7: rgb(58 110 98);
|
|
43
|
+
--colors-forest-8: rgb(46 88 78);
|
|
44
|
+
--colors-forest-9: rgb(35 66 58);
|
|
45
|
+
--colors-gray-1: rgb(238 238 240);
|
|
46
|
+
--colors-gray-10: rgb(22 21 24);
|
|
47
|
+
--colors-gray-2: rgb(211 209 217);
|
|
48
|
+
--colors-gray-3: rgb(175 173 183);
|
|
49
|
+
--colors-gray-4: rgb(135 132 145);
|
|
50
|
+
--colors-gray-5: rgb(88 86 96);
|
|
51
|
+
--colors-gray-6: rgb(50 49 55);
|
|
52
|
+
--colors-gray-7: rgb(41 40 47);
|
|
53
|
+
--colors-gray-8: rgb(32 31 36);
|
|
54
|
+
--colors-gray-9: rgb(28 27 31);
|
|
55
|
+
--colors-green-1: rgb(229 255 249);
|
|
56
|
+
--colors-green-10: rgb(14 62 51);
|
|
57
|
+
--colors-green-2: rgb(183 250 234);
|
|
58
|
+
--colors-green-3: rgb(138 240 214);
|
|
59
|
+
--colors-green-4: rgb(70 200 168);
|
|
60
|
+
--colors-green-5: rgb(52 168 139);
|
|
61
|
+
--colors-green-6: rgb(32 151 122);
|
|
62
|
+
--colors-green-7: rgb(17 131 102);
|
|
63
|
+
--colors-green-8: rgb(7 105 81);
|
|
64
|
+
--colors-green-9: rgb(0 77 57);
|
|
65
|
+
--colors-orange-1: rgb(255 241 233);
|
|
66
|
+
--colors-orange-10: rgb(54 44 35);
|
|
67
|
+
--colors-orange-2: rgb(255 236 206);
|
|
68
|
+
--colors-orange-3: rgb(255 218 162);
|
|
69
|
+
--colors-orange-4: rgb(255 183 75);
|
|
70
|
+
--colors-orange-5: rgb(255 166 31);
|
|
71
|
+
--colors-orange-6: rgb(210 139 32);
|
|
72
|
+
--colors-orange-7: rgb(166 112 33);
|
|
73
|
+
--colors-orange-8: rgb(121 85 34);
|
|
74
|
+
--colors-orange-9: rgb(77 58 35);
|
|
75
|
+
--colors-red-1: rgb(255 229 232);
|
|
76
|
+
--colors-red-10: rgb(54 34 38);
|
|
77
|
+
--colors-red-2: rgb(254 190 195);
|
|
78
|
+
--colors-red-3: rgb(251 147 155);
|
|
79
|
+
--colors-red-4: rgb(247 110 122);
|
|
80
|
+
--colors-red-5: rgb(241 70 84);
|
|
81
|
+
--colors-red-6: rgb(233 37 53);
|
|
82
|
+
--colors-red-7: rgb(205 19 35);
|
|
83
|
+
--colors-red-8: rgb(164 10 22);
|
|
84
|
+
--colors-red-9: rgb(124 4 14);
|
|
85
|
+
--colors-yellow-1: rgb(255 251 230);
|
|
86
|
+
--colors-yellow-10: rgb(89 76 2);
|
|
87
|
+
--colors-yellow-2: rgb(255 249 218);
|
|
88
|
+
--colors-yellow-3: rgb(255 243 178);
|
|
89
|
+
--colors-yellow-4: rgb(255 217 5);
|
|
90
|
+
--colors-yellow-5: rgb(230 195 5);
|
|
91
|
+
--colors-yellow-6: rgb(204 174 4);
|
|
92
|
+
--colors-yellow-7: rgb(191 163 4);
|
|
93
|
+
--colors-yellow-8: rgb(153 130 3);
|
|
94
|
+
--colors-yellow-9: rgb(115 98 2);
|
|
95
|
+
--spacing-0-0px: 0px;
|
|
96
|
+
--spacing-0․5-2px: 2px;
|
|
97
|
+
--spacing-1-4px: 4px;
|
|
98
|
+
--spacing-10-40px: 40px;
|
|
99
|
+
--spacing-12-48px: 48px;
|
|
100
|
+
--spacing-16-64px: 64px;
|
|
101
|
+
--spacing-1․5-6px: 6px;
|
|
102
|
+
--spacing-2-8px: 8px;
|
|
103
|
+
--spacing-20-80px: 80px;
|
|
104
|
+
--spacing-24-96px: 96px;
|
|
105
|
+
--spacing-3-12px: 12px;
|
|
106
|
+
--spacing-32-128px: 128px;
|
|
107
|
+
--spacing-4-16px: 16px;
|
|
108
|
+
--spacing-40-160px: 160px;
|
|
109
|
+
--spacing-5-20px: 20px;
|
|
110
|
+
--spacing-6-24px: 24px;
|
|
111
|
+
--spacing-8-32px: 32px;
|
|
112
|
+
}
|
|
@@ -1,14 +1,14 @@
|
|
|
1
|
-
/* 2.-radius-mode-1.css */
|
|
2
|
-
:root {
|
|
3
|
-
--2xl: 16px;
|
|
4
|
-
--3xl: 20px;
|
|
5
|
-
--4xl: 24px;
|
|
6
|
-
--full: 9999px;
|
|
7
|
-
--lg: 10px;
|
|
8
|
-
--md: 8px;
|
|
9
|
-
--none: 0px;
|
|
10
|
-
--sm: 6px;
|
|
11
|
-
--xl: 12px;
|
|
12
|
-
--xs: 4px;
|
|
13
|
-
--xxs: 2px;
|
|
14
|
-
}
|
|
1
|
+
/* 2.-radius-mode-1.css */
|
|
2
|
+
:root {
|
|
3
|
+
--2xl: 16px;
|
|
4
|
+
--3xl: 20px;
|
|
5
|
+
--4xl: 24px;
|
|
6
|
+
--full: 9999px;
|
|
7
|
+
--lg: 10px;
|
|
8
|
+
--md: 8px;
|
|
9
|
+
--none: 0px;
|
|
10
|
+
--sm: 6px;
|
|
11
|
+
--xl: 12px;
|
|
12
|
+
--xs: 4px;
|
|
13
|
+
--xxs: 2px;
|
|
14
|
+
}
|
|
@@ -1,20 +1,20 @@
|
|
|
1
|
-
/* 4.-spacing-mode-1.css */
|
|
2
|
-
:root {
|
|
3
|
-
--10xl: var(--spacing-32-128px);
|
|
4
|
-
--11xl: var(--spacing-40-160px);
|
|
5
|
-
--2xl: var(--spacing-5-20px);
|
|
6
|
-
--3xl: var(--spacing-6-24px);
|
|
7
|
-
--4xl: var(--spacing-8-32px);
|
|
8
|
-
--5xl: var(--spacing-10-40px);
|
|
9
|
-
--6xl: var(--spacing-12-48px);
|
|
10
|
-
--7xl: var(--spacing-16-64px);
|
|
11
|
-
--8xl: var(--spacing-20-80px);
|
|
12
|
-
--9xl: var(--spacing-24-96px);
|
|
13
|
-
--lg: var(--spacing-3-12px);
|
|
14
|
-
--md: var(--spacing-2-8px);
|
|
15
|
-
--none: var(--spacing-0-0px);
|
|
16
|
-
--sm: var(--spacing-1․5-6px);
|
|
17
|
-
--xl: var(--spacing-4-16px);
|
|
18
|
-
--xs: var(--spacing-1-4px);
|
|
19
|
-
--xxs: var(--spacing-0․5-2px);
|
|
20
|
-
}
|
|
1
|
+
/* 4.-spacing-mode-1.css */
|
|
2
|
+
:root {
|
|
3
|
+
--10xl: var(--spacing-32-128px);
|
|
4
|
+
--11xl: var(--spacing-40-160px);
|
|
5
|
+
--2xl: var(--spacing-5-20px);
|
|
6
|
+
--3xl: var(--spacing-6-24px);
|
|
7
|
+
--4xl: var(--spacing-8-32px);
|
|
8
|
+
--5xl: var(--spacing-10-40px);
|
|
9
|
+
--6xl: var(--spacing-12-48px);
|
|
10
|
+
--7xl: var(--spacing-16-64px);
|
|
11
|
+
--8xl: var(--spacing-20-80px);
|
|
12
|
+
--9xl: var(--spacing-24-96px);
|
|
13
|
+
--lg: var(--spacing-3-12px);
|
|
14
|
+
--md: var(--spacing-2-8px);
|
|
15
|
+
--none: var(--spacing-0-0px);
|
|
16
|
+
--sm: var(--spacing-1․5-6px);
|
|
17
|
+
--xl: var(--spacing-4-16px);
|
|
18
|
+
--xs: var(--spacing-1-4px);
|
|
19
|
+
--xxs: var(--spacing-0․5-2px);
|
|
20
|
+
}
|
|
@@ -1,40 +1,40 @@
|
|
|
1
|
-
/* 5.-typography-desktop.css */
|
|
2
|
-
:root {
|
|
3
|
-
--font-family-pingfang-sc: 'pingfang sc';
|
|
4
|
-
--font-line-height-display-10xl: 128px;
|
|
5
|
-
--font-line-height-display-2xl: 32px;
|
|
6
|
-
--font-line-height-display-3xl: 34px;
|
|
7
|
-
--font-line-height-display-4xl: 38px;
|
|
8
|
-
--font-line-height-display-5xl: 44px;
|
|
9
|
-
--font-line-height-display-6xl: 60px;
|
|
10
|
-
--font-line-height-display-7xl: 72px;
|
|
11
|
-
--font-line-height-display-8xl: 90px;
|
|
12
|
-
--font-line-height-display-9xl: 96px;
|
|
13
|
-
--font-line-height-text-base: 24px;
|
|
14
|
-
--font-line-height-text-lg: 28px;
|
|
15
|
-
--font-line-height-text-sm: 20px;
|
|
16
|
-
--font-line-height-text-xl: 30px;
|
|
17
|
-
--font-line-height-text-xs: 18px;
|
|
18
|
-
--font-line-height-text-xxs: 14px;
|
|
19
|
-
--font-size-display-10xl: 128px;
|
|
20
|
-
--font-size-display-2xl: 24px;
|
|
21
|
-
--font-size-display-3xl: 28px;
|
|
22
|
-
--font-size-display-4xl: 30px;
|
|
23
|
-
--font-size-display-5xl: 36px;
|
|
24
|
-
--font-size-display-6xl: 48px;
|
|
25
|
-
--font-size-display-7xl: 60px;
|
|
26
|
-
--font-size-display-8xl: 72px;
|
|
27
|
-
--font-size-display-9xl: 96px;
|
|
28
|
-
--font-size-text-base: 16px;
|
|
29
|
-
--font-size-text-lg: 18px;
|
|
30
|
-
--font-size-text-sm: 14px;
|
|
31
|
-
--font-size-text-xl: 20px;
|
|
32
|
-
--font-size-text-xs: 12px;
|
|
33
|
-
--font-size-text-xxs: 10px;
|
|
34
|
-
--font-weight-pingfangsc-light: 'light';
|
|
35
|
-
--font-weight-pingfangsc-medium: 'medium';
|
|
36
|
-
--font-weight-pingfangsc-regular: 'regular';
|
|
37
|
-
--font-weight-pingfangsc-semibold: 'semibold';
|
|
38
|
-
--font-weight-pingfangsc-thin: 'thin';
|
|
39
|
-
--font-weight-pingfangsc-ultralight: 'ultralight';
|
|
40
|
-
}
|
|
1
|
+
/* 5.-typography-desktop.css */
|
|
2
|
+
:root {
|
|
3
|
+
--font-family-pingfang-sc: 'pingfang sc';
|
|
4
|
+
--font-line-height-display-10xl: 128px;
|
|
5
|
+
--font-line-height-display-2xl: 32px;
|
|
6
|
+
--font-line-height-display-3xl: 34px;
|
|
7
|
+
--font-line-height-display-4xl: 38px;
|
|
8
|
+
--font-line-height-display-5xl: 44px;
|
|
9
|
+
--font-line-height-display-6xl: 60px;
|
|
10
|
+
--font-line-height-display-7xl: 72px;
|
|
11
|
+
--font-line-height-display-8xl: 90px;
|
|
12
|
+
--font-line-height-display-9xl: 96px;
|
|
13
|
+
--font-line-height-text-base: 24px;
|
|
14
|
+
--font-line-height-text-lg: 28px;
|
|
15
|
+
--font-line-height-text-sm: 20px;
|
|
16
|
+
--font-line-height-text-xl: 30px;
|
|
17
|
+
--font-line-height-text-xs: 18px;
|
|
18
|
+
--font-line-height-text-xxs: 14px;
|
|
19
|
+
--font-size-display-10xl: 128px;
|
|
20
|
+
--font-size-display-2xl: 24px;
|
|
21
|
+
--font-size-display-3xl: 28px;
|
|
22
|
+
--font-size-display-4xl: 30px;
|
|
23
|
+
--font-size-display-5xl: 36px;
|
|
24
|
+
--font-size-display-6xl: 48px;
|
|
25
|
+
--font-size-display-7xl: 60px;
|
|
26
|
+
--font-size-display-8xl: 72px;
|
|
27
|
+
--font-size-display-9xl: 96px;
|
|
28
|
+
--font-size-text-base: 16px;
|
|
29
|
+
--font-size-text-lg: 18px;
|
|
30
|
+
--font-size-text-sm: 14px;
|
|
31
|
+
--font-size-text-xl: 20px;
|
|
32
|
+
--font-size-text-xs: 12px;
|
|
33
|
+
--font-size-text-xxs: 10px;
|
|
34
|
+
--font-weight-pingfangsc-light: 'light';
|
|
35
|
+
--font-weight-pingfangsc-medium: 'medium';
|
|
36
|
+
--font-weight-pingfangsc-regular: 'regular';
|
|
37
|
+
--font-weight-pingfangsc-semibold: 'semibold';
|
|
38
|
+
--font-weight-pingfangsc-thin: 'thin';
|
|
39
|
+
--font-weight-pingfangsc-ultralight: 'ultralight';
|
|
40
|
+
}
|
|
@@ -1,40 +1,40 @@
|
|
|
1
|
-
/* 5.-typography-mobile.css */
|
|
2
|
-
:root {
|
|
3
|
-
--font-family-pingfang-sc: 'pingfang sc';
|
|
4
|
-
--font-line-height-display-10xl: 40px;
|
|
5
|
-
--font-line-height-display-2xl: 32px;
|
|
6
|
-
--font-line-height-display-3xl: 34px;
|
|
7
|
-
--font-line-height-display-4xl: 38px;
|
|
8
|
-
--font-line-height-display-5xl: 44px;
|
|
9
|
-
--font-line-height-display-6xl: 60px;
|
|
10
|
-
--font-line-height-display-7xl: 72px;
|
|
11
|
-
--font-line-height-display-8xl: 90px;
|
|
12
|
-
--font-line-height-display-9xl: 96px;
|
|
13
|
-
--font-line-height-text-base: 24px;
|
|
14
|
-
--font-line-height-text-lg: 28px;
|
|
15
|
-
--font-line-height-text-sm: 20px;
|
|
16
|
-
--font-line-height-text-xl: 30px;
|
|
17
|
-
--font-line-height-text-xs: 18px;
|
|
18
|
-
--font-line-height-text-xxs: 14px;
|
|
19
|
-
--font-size-display-10xl: 128px;
|
|
20
|
-
--font-size-display-2xl: 24px;
|
|
21
|
-
--font-size-display-3xl: 28px;
|
|
22
|
-
--font-size-display-4xl: 24px;
|
|
23
|
-
--font-size-display-5xl: 36px;
|
|
24
|
-
--font-size-display-6xl: 48px;
|
|
25
|
-
--font-size-display-7xl: 60px;
|
|
26
|
-
--font-size-display-8xl: 72px;
|
|
27
|
-
--font-size-display-9xl: 96px;
|
|
28
|
-
--font-size-text-base: 16px;
|
|
29
|
-
--font-size-text-lg: 18px;
|
|
30
|
-
--font-size-text-sm: 14px;
|
|
31
|
-
--font-size-text-xl: 20px;
|
|
32
|
-
--font-size-text-xs: 12px;
|
|
33
|
-
--font-size-text-xxs: 10px;
|
|
34
|
-
--font-weight-pingfangsc-light: 'light';
|
|
35
|
-
--font-weight-pingfangsc-medium: 'medium';
|
|
36
|
-
--font-weight-pingfangsc-regular: 'regular';
|
|
37
|
-
--font-weight-pingfangsc-semibold: 'semibold';
|
|
38
|
-
--font-weight-pingfangsc-thin: 'thin';
|
|
39
|
-
--font-weight-pingfangsc-ultralight: 'ultralight';
|
|
40
|
-
}
|
|
1
|
+
/* 5.-typography-mobile.css */
|
|
2
|
+
:root {
|
|
3
|
+
--font-family-pingfang-sc: 'pingfang sc';
|
|
4
|
+
--font-line-height-display-10xl: 40px;
|
|
5
|
+
--font-line-height-display-2xl: 32px;
|
|
6
|
+
--font-line-height-display-3xl: 34px;
|
|
7
|
+
--font-line-height-display-4xl: 38px;
|
|
8
|
+
--font-line-height-display-5xl: 44px;
|
|
9
|
+
--font-line-height-display-6xl: 60px;
|
|
10
|
+
--font-line-height-display-7xl: 72px;
|
|
11
|
+
--font-line-height-display-8xl: 90px;
|
|
12
|
+
--font-line-height-display-9xl: 96px;
|
|
13
|
+
--font-line-height-text-base: 24px;
|
|
14
|
+
--font-line-height-text-lg: 28px;
|
|
15
|
+
--font-line-height-text-sm: 20px;
|
|
16
|
+
--font-line-height-text-xl: 30px;
|
|
17
|
+
--font-line-height-text-xs: 18px;
|
|
18
|
+
--font-line-height-text-xxs: 14px;
|
|
19
|
+
--font-size-display-10xl: 128px;
|
|
20
|
+
--font-size-display-2xl: 24px;
|
|
21
|
+
--font-size-display-3xl: 28px;
|
|
22
|
+
--font-size-display-4xl: 24px;
|
|
23
|
+
--font-size-display-5xl: 36px;
|
|
24
|
+
--font-size-display-6xl: 48px;
|
|
25
|
+
--font-size-display-7xl: 60px;
|
|
26
|
+
--font-size-display-8xl: 72px;
|
|
27
|
+
--font-size-display-9xl: 96px;
|
|
28
|
+
--font-size-text-base: 16px;
|
|
29
|
+
--font-size-text-lg: 18px;
|
|
30
|
+
--font-size-text-sm: 14px;
|
|
31
|
+
--font-size-text-xl: 20px;
|
|
32
|
+
--font-size-text-xs: 12px;
|
|
33
|
+
--font-size-text-xxs: 10px;
|
|
34
|
+
--font-weight-pingfangsc-light: 'light';
|
|
35
|
+
--font-weight-pingfangsc-medium: 'medium';
|
|
36
|
+
--font-weight-pingfangsc-regular: 'regular';
|
|
37
|
+
--font-weight-pingfangsc-semibold: 'semibold';
|
|
38
|
+
--font-weight-pingfangsc-thin: 'thin';
|
|
39
|
+
--font-weight-pingfangsc-ultralight: 'ultralight';
|
|
40
|
+
}
|
package/dist/ui.css
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
@charset "UTF-8";:root{--el-color-white: #ffffff;--el-color-black: #000000;--el-color-primary-rgb: 64, 158, 255;--el-color-success-rgb: 103, 194, 58;--el-color-warning-rgb: 230, 162, 60;--el-color-danger-rgb: 245, 108, 108;--el-color-error-rgb: 245, 108, 108;--el-color-info-rgb: 144, 147, 153;--el-font-size-extra-large: 20px;--el-font-size-large: 18px;--el-font-size-medium: 16px;--el-font-size-base: 14px;--el-font-size-small: 13px;--el-font-size-extra-small: 12px;--el-font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif;--el-font-weight-primary: 500;--el-font-line-height-primary: 24px;--el-index-normal: 1;--el-index-top: 1000;--el-index-popper: 2000;--el-border-radius-base: 4px;--el-border-radius-small: 2px;--el-border-radius-round: 20px;--el-border-radius-circle: 100%;--el-transition-duration: .3s;--el-transition-duration-fast: .2s;--el-transition-function-ease-in-out-bezier: cubic-bezier(.645, .045, .355, 1);--el-transition-function-fast-bezier: cubic-bezier(.23, 1, .32, 1);--el-transition-all: all var(--el-transition-duration) var(--el-transition-function-ease-in-out-bezier);--el-transition-fade: opacity var(--el-transition-duration) var(--el-transition-function-fast-bezier);--el-transition-md-fade: transform var(--el-transition-duration) var(--el-transition-function-fast-bezier), opacity var(--el-transition-duration) var(--el-transition-function-fast-bezier);--el-transition-fade-linear: opacity var(--el-transition-duration-fast) linear;--el-transition-border: border-color var(--el-transition-duration-fast) var(--el-transition-function-ease-in-out-bezier);--el-transition-box-shadow: box-shadow var(--el-transition-duration-fast) var(--el-transition-function-ease-in-out-bezier);--el-transition-color: color var(--el-transition-duration-fast) var(--el-transition-function-ease-in-out-bezier);--el-component-size-large: 40px;--el-component-size: 32px;--el-component-size-small: 24px}:root{color-scheme:light;--el-color-primary: #409eff;--el-color-primary-light-3: rgb(121, 187, 255);--el-color-primary-light-5: rgb(160, 207, 255);--el-color-primary-light-7: rgb(198, 226, 255);--el-color-primary-light-8: rgb(217, 236, 255);--el-color-primary-light-9: rgb(236, 245, 255);--el-color-primary-dark-2: rgb(51, 126, 204);--el-color-success: #67c23a;--el-color-success-light-3: rgb(149, 212, 117);--el-color-success-light-5: rgb(179, 225, 157);--el-color-success-light-7: rgb(209, 237, 196);--el-color-success-light-8: rgb(225, 243, 216);--el-color-success-light-9: rgb(240, 249, 235);--el-color-success-dark-2: rgb(82, 155, 46);--el-color-warning: #e6a23c;--el-color-warning-light-3: rgb(238, 190, 119);--el-color-warning-light-5: rgb(243, 209, 158);--el-color-warning-light-7: rgb(248, 227, 197);--el-color-warning-light-8: rgb(250, 236, 216);--el-color-warning-light-9: rgb(253, 246, 236);--el-color-warning-dark-2: rgb(184, 130, 48);--el-color-danger: #f56c6c;--el-color-danger-light-3: rgb(248, 152, 152);--el-color-danger-light-5: rgb(250, 182, 182);--el-color-danger-light-7: rgb(252, 211, 211);--el-color-danger-light-8: rgb(253, 226, 226);--el-color-danger-light-9: rgb(254, 240, 240);--el-color-danger-dark-2: rgb(196, 86, 86);--el-color-error: #f56c6c;--el-color-error-light-3: rgb(248, 152, 152);--el-color-error-light-5: rgb(250, 182, 182);--el-color-error-light-7: rgb(252, 211, 211);--el-color-error-light-8: rgb(253, 226, 226);--el-color-error-light-9: rgb(254, 240, 240);--el-color-error-dark-2: rgb(196, 86, 86);--el-color-info: #909399;--el-color-info-light-3: rgb(177, 179, 184);--el-color-info-light-5: rgb(200, 201, 204);--el-color-info-light-7: rgb(222, 223, 224);--el-color-info-light-8: rgb(233, 233, 235);--el-color-info-light-9: rgb(244, 244, 245);--el-color-info-dark-2: rgb(115, 118, 122);--el-bg-color: #ffffff;--el-bg-color-page: #f2f3f5;--el-bg-color-overlay: #ffffff;--el-text-color-primary: #303133;--el-text-color-regular: #606266;--el-text-color-secondary: #909399;--el-text-color-placeholder: #a8abb2;--el-text-color-disabled: #c0c4cc;--el-border-color: #dcdfe6;--el-border-color-light: #e4e7ed;--el-border-color-lighter: #ebeef5;--el-border-color-extra-light: #f2f6fc;--el-border-color-dark: #d4d7de;--el-border-color-darker: #cdd0d6;--el-fill-color: #f0f2f5;--el-fill-color-light: #f5f7fa;--el-fill-color-lighter: #fafafa;--el-fill-color-extra-light: #fafcff;--el-fill-color-dark: #ebedf0;--el-fill-color-darker: #e6e8eb;--el-fill-color-blank: #ffffff;--el-box-shadow: 0px 12px 32px 4px rgba(0, 0, 0, .04), 0px 8px 20px rgba(0, 0, 0, .08);--el-box-shadow-light: 0px 0px 12px rgba(0, 0, 0, .12);--el-box-shadow-lighter: 0px 0px 6px rgba(0, 0, 0, .12);--el-box-shadow-dark: 0px 16px 48px 16px rgba(0, 0, 0, .08), 0px 12px 32px rgba(0, 0, 0, .12), 0px 8px 16px -8px rgba(0, 0, 0, .16);--el-disabled-bg-color: var(--el-fill-color-light);--el-disabled-text-color: var(--el-text-color-placeholder);--el-disabled-border-color: var(--el-border-color-light);--el-overlay-color: rgba(0, 0, 0, .8);--el-overlay-color-light: rgba(0, 0, 0, .7);--el-overlay-color-lighter: rgba(0, 0, 0, .5);--el-mask-color: rgba(255, 255, 255, .9);--el-mask-color-extra-light: rgba(255, 255, 255, .3);--el-border-width: 1px;--el-border-style: solid;--el-border-color-hover: var(--el-text-color-disabled);--el-border: var(--el-border-width) var(--el-border-style) var(--el-border-color);--el-svg-monochrome-grey: var(--el-border-color)}.fade-in-linear-enter-active,.fade-in-linear-leave-active{transition:var(--el-transition-fade-linear)}.fade-in-linear-enter-from,.fade-in-linear-leave-to{opacity:0}.el-fade-in-linear-enter-active,.el-fade-in-linear-leave-active{transition:var(--el-transition-fade-linear)}.el-fade-in-linear-enter-from,.el-fade-in-linear-leave-to{opacity:0}.el-fade-in-enter-active,.el-fade-in-leave-active{transition:all var(--el-transition-duration) cubic-bezier(.55,0,.1,1)}.el-fade-in-enter-from,.el-fade-in-leave-active{opacity:0}.el-zoom-in-center-enter-active,.el-zoom-in-center-leave-active{transition:all var(--el-transition-duration) cubic-bezier(.55,0,.1,1)}.el-zoom-in-center-enter-from,.el-zoom-in-center-leave-active{opacity:0;transform:scaleX(0)}.el-zoom-in-top-enter-active,.el-zoom-in-top-leave-active{opacity:1;transform:scaleY(1);transition:var(--el-transition-md-fade);transform-origin:center top}.el-zoom-in-top-enter-active[data-popper-placement^=top],.el-zoom-in-top-leave-active[data-popper-placement^=top]{transform-origin:center bottom}.el-zoom-in-top-enter-from,.el-zoom-in-top-leave-active{opacity:0;transform:scaleY(0)}.el-zoom-in-bottom-enter-active,.el-zoom-in-bottom-leave-active{opacity:1;transform:scaleY(1);transition:var(--el-transition-md-fade);transform-origin:center bottom}.el-zoom-in-bottom-enter-from,.el-zoom-in-bottom-leave-active{opacity:0;transform:scaleY(0)}.el-zoom-in-left-enter-active,.el-zoom-in-left-leave-active{opacity:1;transform:scale(1);transition:var(--el-transition-md-fade);transform-origin:top left}.el-zoom-in-left-enter-from,.el-zoom-in-left-leave-active{opacity:0;transform:scale(.45)}.collapse-transition{transition:var(--el-transition-duration) height ease-in-out,var(--el-transition-duration) padding-top ease-in-out,var(--el-transition-duration) padding-bottom ease-in-out}.el-collapse-transition-leave-active,.el-collapse-transition-enter-active{transition:var(--el-transition-duration) max-height ease-in-out,var(--el-transition-duration) padding-top ease-in-out,var(--el-transition-duration) padding-bottom ease-in-out}.horizontal-collapse-transition{transition:var(--el-transition-duration) width ease-in-out,var(--el-transition-duration) padding-left ease-in-out,var(--el-transition-duration) padding-right ease-in-out}.el-list-enter-active,.el-list-leave-active{transition:all 1s}.el-list-enter-from,.el-list-leave-to{opacity:0;transform:translateY(-30px)}.el-list-leave-active{position:absolute!important}.el-opacity-transition{transition:opacity var(--el-transition-duration) cubic-bezier(.55,0,.1,1)}.el-icon--right{margin-left:5px}.el-icon--left{margin-right:5px}@keyframes rotating{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.el-icon{--color: inherit;height:1em;width:1em;line-height:1em;display:inline-flex;justify-content:center;align-items:center;position:relative;fill:currentColor;color:var(--color);font-size:inherit}.el-icon.is-loading{animation:rotating 2s linear infinite}.el-icon svg{height:1em;width:1em}.el-button{--el-button-font-weight: var(--el-font-weight-primary);--el-button-border-color: var(--el-border-color);--el-button-bg-color: var(--el-fill-color-blank);--el-button-text-color: var(--el-text-color-regular);--el-button-disabled-text-color: var(--el-disabled-text-color);--el-button-disabled-bg-color: var(--el-fill-color-blank);--el-button-disabled-border-color: var(--el-border-color-light);--el-button-divide-border-color: rgba(255, 255, 255, .5);--el-button-hover-text-color: var(--el-color-primary);--el-button-hover-bg-color: var(--el-color-primary-light-9);--el-button-hover-border-color: var(--el-color-primary-light-7);--el-button-active-text-color: var(--el-button-hover-text-color);--el-button-active-border-color: var(--el-color-primary);--el-button-active-bg-color: var(--el-button-hover-bg-color);--el-button-outline-color: var(--el-color-primary-light-5);--el-button-hover-link-text-color: var(--el-text-color-secondary);--el-button-active-color: var(--el-text-color-primary)}.el-button{display:inline-flex;justify-content:center;align-items:center;line-height:1;height:32px;white-space:nowrap;cursor:pointer;color:var(--el-button-text-color);text-align:center;box-sizing:border-box;outline:none;transition:.1s;font-weight:var(--el-button-font-weight);-webkit-user-select:none;user-select:none;vertical-align:middle;-webkit-appearance:none;background-color:var(--el-button-bg-color);border:var(--el-border);border-color:var(--el-button-border-color)}.el-button:hover{color:var(--el-button-hover-text-color);border-color:var(--el-button-hover-border-color);background-color:var(--el-button-hover-bg-color);outline:none}.el-button:active{color:var(--el-button-active-text-color);border-color:var(--el-button-active-border-color);background-color:var(--el-button-active-bg-color);outline:none}.el-button:focus-visible{outline:2px solid var(--el-button-outline-color);outline-offset:1px;transition:outline-offset 0s,outline 0s}.el-button>span{display:inline-flex;align-items:center}.el-button+.el-button{margin-left:12px}.el-button{padding:8px 15px;font-size:var(--el-font-size-base);border-radius:var(--el-border-radius-base)}.el-button.is-round{padding:8px 15px}.el-button::-moz-focus-inner{border:0}.el-button [class*=el-icon]+span{margin-left:6px}.el-button [class*=el-icon] svg{vertical-align:bottom}.el-button.is-plain{--el-button-hover-text-color: var(--el-color-primary);--el-button-hover-bg-color: var(--el-fill-color-blank);--el-button-hover-border-color: var(--el-color-primary)}.el-button.is-active{color:var(--el-button-active-text-color);border-color:var(--el-button-active-border-color);background-color:var(--el-button-active-bg-color);outline:none}.el-button.is-disabled,.el-button.is-disabled:hover{color:var(--el-button-disabled-text-color);cursor:not-allowed;background-image:none;background-color:var(--el-button-disabled-bg-color);border-color:var(--el-button-disabled-border-color)}.el-button.is-loading{position:relative;pointer-events:none}.el-button.is-loading:before{z-index:1;pointer-events:none;content:"";position:absolute;inset:-1px;border-radius:inherit;background-color:var(--el-mask-color-extra-light)}.el-button.is-round{border-radius:var(--el-border-radius-round)}.el-button.is-circle{width:32px;border-radius:50%;padding:8px}.el-button.is-text{color:var(--el-button-text-color);border:0 solid transparent;background-color:transparent}.el-button.is-text.is-disabled{color:var(--el-button-disabled-text-color);background-color:transparent!important}.el-button.is-text:not(.is-disabled):hover{background-color:var(--el-fill-color-light)}.el-button.is-text:not(.is-disabled):focus-visible{outline:2px solid var(--el-button-outline-color);outline-offset:1px;transition:outline-offset 0s,outline 0s}.el-button.is-text:not(.is-disabled):active{background-color:var(--el-fill-color)}.el-button.is-text:not(.is-disabled).is-has-bg{background-color:var(--el-fill-color-light)}.el-button.is-text:not(.is-disabled).is-has-bg:hover{background-color:var(--el-fill-color)}.el-button.is-text:not(.is-disabled).is-has-bg:active{background-color:var(--el-fill-color-dark)}.el-button__text--expand{letter-spacing:.3em;margin-right:-.3em}.el-button.is-link{border-color:transparent;color:var(--el-button-text-color);background:transparent;padding:2px;height:auto}.el-button.is-link:hover{color:var(--el-button-hover-link-text-color)}.el-button.is-link.is-disabled{color:var(--el-button-disabled-text-color);background-color:transparent!important;border-color:transparent!important}.el-button.is-link:not(.is-disabled):hover{border-color:transparent;background-color:transparent}.el-button.is-link:not(.is-disabled):active{color:var(--el-button-active-color);border-color:transparent;background-color:transparent}.el-button--text{border-color:transparent;background:transparent;color:var(--el-color-primary);padding-left:0;padding-right:0}.el-button--text.is-disabled{color:var(--el-button-disabled-text-color);background-color:transparent!important;border-color:transparent!important}.el-button--text:not(.is-disabled):hover{color:var(--el-color-primary-light-3);border-color:transparent;background-color:transparent}.el-button--text:not(.is-disabled):active{color:var(--el-color-primary-dark-2);border-color:transparent;background-color:transparent}.el-button__link--expand{letter-spacing:.3em;margin-right:-.3em}.el-button--primary{--el-button-text-color: var(--el-color-white);--el-button-bg-color: var(--el-color-primary);--el-button-border-color: var(--el-color-primary);--el-button-outline-color: var(--el-color-primary-light-5);--el-button-active-color: var(--el-color-primary-dark-2);--el-button-hover-text-color: var(--el-color-white);--el-button-hover-link-text-color: var(--el-color-primary-light-5);--el-button-hover-bg-color: var(--el-color-primary-light-3);--el-button-hover-border-color: var(--el-color-primary-light-3);--el-button-active-bg-color: var(--el-color-primary-dark-2);--el-button-active-border-color: var(--el-color-primary-dark-2);--el-button-disabled-text-color: var(--el-color-white);--el-button-disabled-bg-color: var(--el-color-primary-light-5);--el-button-disabled-border-color: var(--el-color-primary-light-5)}.el-button--primary.is-plain,.el-button--primary.is-text,.el-button--primary.is-link{--el-button-text-color: var(--el-color-primary);--el-button-bg-color: var(--el-color-primary-light-9);--el-button-border-color: var(--el-color-primary-light-5);--el-button-hover-text-color: var(--el-color-white);--el-button-hover-bg-color: var(--el-color-primary);--el-button-hover-border-color: var(--el-color-primary);--el-button-active-text-color: var(--el-color-white)}.el-button--primary.is-plain.is-disabled,.el-button--primary.is-plain.is-disabled:hover,.el-button--primary.is-plain.is-disabled:focus,.el-button--primary.is-plain.is-disabled:active,.el-button--primary.is-text.is-disabled,.el-button--primary.is-text.is-disabled:hover,.el-button--primary.is-text.is-disabled:focus,.el-button--primary.is-text.is-disabled:active,.el-button--primary.is-link.is-disabled,.el-button--primary.is-link.is-disabled:hover,.el-button--primary.is-link.is-disabled:focus,.el-button--primary.is-link.is-disabled:active{color:var(--el-color-primary-light-5);background-color:var(--el-color-primary-light-9);border-color:var(--el-color-primary-light-8)}.el-button--success{--el-button-text-color: var(--el-color-white);--el-button-bg-color: var(--el-color-success);--el-button-border-color: var(--el-color-success);--el-button-outline-color: var(--el-color-success-light-5);--el-button-active-color: var(--el-color-success-dark-2);--el-button-hover-text-color: var(--el-color-white);--el-button-hover-link-text-color: var(--el-color-success-light-5);--el-button-hover-bg-color: var(--el-color-success-light-3);--el-button-hover-border-color: var(--el-color-success-light-3);--el-button-active-bg-color: var(--el-color-success-dark-2);--el-button-active-border-color: var(--el-color-success-dark-2);--el-button-disabled-text-color: var(--el-color-white);--el-button-disabled-bg-color: var(--el-color-success-light-5);--el-button-disabled-border-color: var(--el-color-success-light-5)}.el-button--success.is-plain,.el-button--success.is-text,.el-button--success.is-link{--el-button-text-color: var(--el-color-success);--el-button-bg-color: var(--el-color-success-light-9);--el-button-border-color: var(--el-color-success-light-5);--el-button-hover-text-color: var(--el-color-white);--el-button-hover-bg-color: var(--el-color-success);--el-button-hover-border-color: var(--el-color-success);--el-button-active-text-color: var(--el-color-white)}.el-button--success.is-plain.is-disabled,.el-button--success.is-plain.is-disabled:hover,.el-button--success.is-plain.is-disabled:focus,.el-button--success.is-plain.is-disabled:active,.el-button--success.is-text.is-disabled,.el-button--success.is-text.is-disabled:hover,.el-button--success.is-text.is-disabled:focus,.el-button--success.is-text.is-disabled:active,.el-button--success.is-link.is-disabled,.el-button--success.is-link.is-disabled:hover,.el-button--success.is-link.is-disabled:focus,.el-button--success.is-link.is-disabled:active{color:var(--el-color-success-light-5);background-color:var(--el-color-success-light-9);border-color:var(--el-color-success-light-8)}.el-button--warning{--el-button-text-color: var(--el-color-white);--el-button-bg-color: var(--el-color-warning);--el-button-border-color: var(--el-color-warning);--el-button-outline-color: var(--el-color-warning-light-5);--el-button-active-color: var(--el-color-warning-dark-2);--el-button-hover-text-color: var(--el-color-white);--el-button-hover-link-text-color: var(--el-color-warning-light-5);--el-button-hover-bg-color: var(--el-color-warning-light-3);--el-button-hover-border-color: var(--el-color-warning-light-3);--el-button-active-bg-color: var(--el-color-warning-dark-2);--el-button-active-border-color: var(--el-color-warning-dark-2);--el-button-disabled-text-color: var(--el-color-white);--el-button-disabled-bg-color: var(--el-color-warning-light-5);--el-button-disabled-border-color: var(--el-color-warning-light-5)}.el-button--warning.is-plain,.el-button--warning.is-text,.el-button--warning.is-link{--el-button-text-color: var(--el-color-warning);--el-button-bg-color: var(--el-color-warning-light-9);--el-button-border-color: var(--el-color-warning-light-5);--el-button-hover-text-color: var(--el-color-white);--el-button-hover-bg-color: var(--el-color-warning);--el-button-hover-border-color: var(--el-color-warning);--el-button-active-text-color: var(--el-color-white)}.el-button--warning.is-plain.is-disabled,.el-button--warning.is-plain.is-disabled:hover,.el-button--warning.is-plain.is-disabled:focus,.el-button--warning.is-plain.is-disabled:active,.el-button--warning.is-text.is-disabled,.el-button--warning.is-text.is-disabled:hover,.el-button--warning.is-text.is-disabled:focus,.el-button--warning.is-text.is-disabled:active,.el-button--warning.is-link.is-disabled,.el-button--warning.is-link.is-disabled:hover,.el-button--warning.is-link.is-disabled:focus,.el-button--warning.is-link.is-disabled:active{color:var(--el-color-warning-light-5);background-color:var(--el-color-warning-light-9);border-color:var(--el-color-warning-light-8)}.el-button--danger{--el-button-text-color: var(--el-color-white);--el-button-bg-color: var(--el-color-danger);--el-button-border-color: var(--el-color-danger);--el-button-outline-color: var(--el-color-danger-light-5);--el-button-active-color: var(--el-color-danger-dark-2);--el-button-hover-text-color: var(--el-color-white);--el-button-hover-link-text-color: var(--el-color-danger-light-5);--el-button-hover-bg-color: var(--el-color-danger-light-3);--el-button-hover-border-color: var(--el-color-danger-light-3);--el-button-active-bg-color: var(--el-color-danger-dark-2);--el-button-active-border-color: var(--el-color-danger-dark-2);--el-button-disabled-text-color: var(--el-color-white);--el-button-disabled-bg-color: var(--el-color-danger-light-5);--el-button-disabled-border-color: var(--el-color-danger-light-5)}.el-button--danger.is-plain,.el-button--danger.is-text,.el-button--danger.is-link{--el-button-text-color: var(--el-color-danger);--el-button-bg-color: var(--el-color-danger-light-9);--el-button-border-color: var(--el-color-danger-light-5);--el-button-hover-text-color: var(--el-color-white);--el-button-hover-bg-color: var(--el-color-danger);--el-button-hover-border-color: var(--el-color-danger);--el-button-active-text-color: var(--el-color-white)}.el-button--danger.is-plain.is-disabled,.el-button--danger.is-plain.is-disabled:hover,.el-button--danger.is-plain.is-disabled:focus,.el-button--danger.is-plain.is-disabled:active,.el-button--danger.is-text.is-disabled,.el-button--danger.is-text.is-disabled:hover,.el-button--danger.is-text.is-disabled:focus,.el-button--danger.is-text.is-disabled:active,.el-button--danger.is-link.is-disabled,.el-button--danger.is-link.is-disabled:hover,.el-button--danger.is-link.is-disabled:focus,.el-button--danger.is-link.is-disabled:active{color:var(--el-color-danger-light-5);background-color:var(--el-color-danger-light-9);border-color:var(--el-color-danger-light-8)}.el-button--info{--el-button-text-color: var(--el-color-white);--el-button-bg-color: var(--el-color-info);--el-button-border-color: var(--el-color-info);--el-button-outline-color: var(--el-color-info-light-5);--el-button-active-color: var(--el-color-info-dark-2);--el-button-hover-text-color: var(--el-color-white);--el-button-hover-link-text-color: var(--el-color-info-light-5);--el-button-hover-bg-color: var(--el-color-info-light-3);--el-button-hover-border-color: var(--el-color-info-light-3);--el-button-active-bg-color: var(--el-color-info-dark-2);--el-button-active-border-color: var(--el-color-info-dark-2);--el-button-disabled-text-color: var(--el-color-white);--el-button-disabled-bg-color: var(--el-color-info-light-5);--el-button-disabled-border-color: var(--el-color-info-light-5)}.el-button--info.is-plain,.el-button--info.is-text,.el-button--info.is-link{--el-button-text-color: var(--el-color-info);--el-button-bg-color: var(--el-color-info-light-9);--el-button-border-color: var(--el-color-info-light-5);--el-button-hover-text-color: var(--el-color-white);--el-button-hover-bg-color: var(--el-color-info);--el-button-hover-border-color: var(--el-color-info);--el-button-active-text-color: var(--el-color-white)}.el-button--info.is-plain.is-disabled,.el-button--info.is-plain.is-disabled:hover,.el-button--info.is-plain.is-disabled:focus,.el-button--info.is-plain.is-disabled:active,.el-button--info.is-text.is-disabled,.el-button--info.is-text.is-disabled:hover,.el-button--info.is-text.is-disabled:focus,.el-button--info.is-text.is-disabled:active,.el-button--info.is-link.is-disabled,.el-button--info.is-link.is-disabled:hover,.el-button--info.is-link.is-disabled:focus,.el-button--info.is-link.is-disabled:active{color:var(--el-color-info-light-5);background-color:var(--el-color-info-light-9);border-color:var(--el-color-info-light-8)}.el-button--large{--el-button-size: 40px;height:var(--el-button-size)}.el-button--large [class*=el-icon]+span{margin-left:8px}.el-button--large{padding:12px 19px;font-size:var(--el-font-size-base);border-radius:var(--el-border-radius-base)}.el-button--large.is-round{padding:12px 19px}.el-button--large.is-circle{width:var(--el-button-size);padding:12px}.el-button--small{--el-button-size: 24px;height:var(--el-button-size)}.el-button--small [class*=el-icon]+span{margin-left:4px}.el-button--small{padding:5px 11px;font-size:12px;border-radius:calc(var(--el-border-radius-base) - 1px)}.el-button--small.is-round{padding:5px 11px}.el-button--small.is-circle{width:var(--el-button-size);padding:5px}.el-card{--el-card-border-color: var(--el-border-color-light);--el-card-border-radius: 4px;--el-card-padding: 20px;--el-card-bg-color: var(--el-fill-color-blank)}.el-card{border-radius:var(--el-card-border-radius);border:1px solid var(--el-card-border-color);background-color:var(--el-card-bg-color);overflow:hidden;color:var(--el-text-color-primary);transition:var(--el-transition-duration)}.el-card.is-always-shadow{box-shadow:var(--el-box-shadow-light)}.el-card.is-hover-shadow:hover,.el-card.is-hover-shadow:focus{box-shadow:var(--el-box-shadow-light)}.el-card__header{padding:calc(var(--el-card-padding) - 2px) var(--el-card-padding);border-bottom:1px solid var(--el-card-border-color);box-sizing:border-box}.el-card__body{padding:var(--el-card-padding)}.el-card__footer{padding:calc(var(--el-card-padding) - 2px) var(--el-card-padding);border-top:1px solid var(--el-card-border-color);box-sizing:border-box}.iconfont[data-v-357c32d8]{display:inline-block;font-style:normal;vertical-align:baseline;text-align:center;text-transform:none;line-height:1;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-spin[data-v-357c32d8]{animation:icon-spin-357c32d8 1s linear infinite}@keyframes icon-spin-357c32d8{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.icon-pulse[data-v-357c32d8]{animation:icon-pulse-357c32d8 1s ease-in-out infinite}@keyframes icon-pulse-357c32d8{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.icon-flip-horizontal[data-v-357c32d8]{transform:scaleX(-1)}.icon-flip-vertical[data-v-357c32d8]{transform:scaleY(-1)}.icon-flip-both[data-v-357c32d8]{transform:scale(-1)}.icon-spin.icon-flip-horizontal[data-v-357c32d8]{animation:icon-spin-flip-horizontal-357c32d8 1s linear infinite}.icon-spin.icon-flip-vertical[data-v-357c32d8]{animation:icon-spin-flip-vertical-357c32d8 1s linear infinite}.icon-spin.icon-flip-both[data-v-357c32d8]{animation:icon-spin-flip-both-357c32d8 1s linear infinite}@keyframes icon-spin-flip-horizontal-357c32d8{0%{transform:rotate(0) scaleX(-1)}to{transform:rotate(360deg) scaleX(-1)}}@keyframes icon-spin-flip-vertical-357c32d8{0%{transform:rotate(0) scaleY(-1)}to{transform:rotate(360deg) scaleY(-1)}}@keyframes icon-spin-flip-both-357c32d8{0%{transform:rotate(0) scale(-1)}to{transform:rotate(360deg) scale(-1)}}
|
|
@@ -1,99 +0,0 @@
|
|
|
1
|
-
.el-button {
|
|
2
|
-
--el-button-font-weight: 600;
|
|
3
|
-
--el-button-border-color: var(--bg-tertiary-hover);
|
|
4
|
-
--el-button-bg-color: var(--bg-tertiary-hover);
|
|
5
|
-
--el-button-text-color: var(--text-primary);
|
|
6
|
-
--el-button-disabled-text-color: var(--text-quaternary);
|
|
7
|
-
--el-button-disabled-bg-color: color-mix(
|
|
8
|
-
in srgb,
|
|
9
|
-
var(--bg-tertiary-hover) 50%,
|
|
10
|
-
transparent
|
|
11
|
-
);
|
|
12
|
-
--el-button-disabled-border-color: var(--el-button-disabled-bg-color);
|
|
13
|
-
--el-button-divide-border-color: rgba(255, 255, 255, 0.5);
|
|
14
|
-
--el-button-hover-text-color: var(--text-primary);
|
|
15
|
-
--el-button-hover-bg-color: var(--bg-tertiary);
|
|
16
|
-
--el-button-hover-border-color: var(--bg-tertiary);
|
|
17
|
-
--el-button-active-text-color: var(--text-primary);
|
|
18
|
-
--el-button-active-border-color: var(--bg-tertiary);
|
|
19
|
-
--el-button-active-bg-color: var(--bg-tertiary);
|
|
20
|
-
--el-button-outline-color: var(--bg-tertiary);
|
|
21
|
-
--el-button-hover-link-text-color: var(--text-brand);
|
|
22
|
-
--el-button-active-color: var(--text-primary);
|
|
23
|
-
height: 40px;
|
|
24
|
-
padding: 8px 16px;
|
|
25
|
-
|
|
26
|
-
&.is-plain {
|
|
27
|
-
--el-button-hover-text-color: var(--text-primary);
|
|
28
|
-
--el-button-hover-bg-color: var(--bg-brand-secondary);
|
|
29
|
-
--el-button-hover-border-color: var(--border-brand-hover);
|
|
30
|
-
|
|
31
|
-
border-color: var(--border-brand);
|
|
32
|
-
background-color: transparent;
|
|
33
|
-
|
|
34
|
-
&.is-disabled {
|
|
35
|
-
background-color: transparent;
|
|
36
|
-
border-color: color-mix(in srgb, var(--bg-brand) 50%, transparent);
|
|
37
|
-
}
|
|
38
|
-
}
|
|
39
|
-
|
|
40
|
-
&--large {
|
|
41
|
-
height: 48px;
|
|
42
|
-
padding: 12px 20px;
|
|
43
|
-
}
|
|
44
|
-
&--small {
|
|
45
|
-
height: 32px;
|
|
46
|
-
padding: 5px 12px;
|
|
47
|
-
}
|
|
48
|
-
|
|
49
|
-
&--text {
|
|
50
|
-
height: 20px;
|
|
51
|
-
}
|
|
52
|
-
|
|
53
|
-
&--primary {
|
|
54
|
-
--el-button-text-color: var(--text-quaternary);
|
|
55
|
-
--el-button-outline-color: var(--text-quaternary);
|
|
56
|
-
--el-button-active-color: var(--bg-brand-hover);
|
|
57
|
-
--el-button-hover-text-color: var(--text-quaternary);
|
|
58
|
-
--el-button-hover-link-text-color: var(--text-quaternary);
|
|
59
|
-
--el-button-hover-bg-color: var(--bg-brand-hover);
|
|
60
|
-
--el-button-hover-border-color: var(--bg-brand-hover);
|
|
61
|
-
--el-button-active-text-color: var(--text-quaternary);
|
|
62
|
-
--el-button-active-bg-color: var(--bg-brand-hover);
|
|
63
|
-
--el-button-active-border-color: var(--bg-brand-hover);
|
|
64
|
-
--el-button-disabled-text-color: var(--text-quaternary);
|
|
65
|
-
--el-button-disabled-bg-color: color-mix(
|
|
66
|
-
in srgb,
|
|
67
|
-
var(--bg-brand) 50%,
|
|
68
|
-
transparent
|
|
69
|
-
);
|
|
70
|
-
--el-button-disabled-border-color: color-mix(
|
|
71
|
-
in srgb,
|
|
72
|
-
var(--bg-brand) 50%,
|
|
73
|
-
transparent
|
|
74
|
-
);
|
|
75
|
-
|
|
76
|
-
background-color: var(--bg-brand);
|
|
77
|
-
border-color: var(--bg-brand);
|
|
78
|
-
|
|
79
|
-
&.is-disabled {
|
|
80
|
-
--el-button-disabled-text-color: var(--text-quaternary) !important;
|
|
81
|
-
background-color: color-mix(in srgb, var(--bg-brand) 50%, transparent);
|
|
82
|
-
border-color: color-mix(in srgb, var(--bg-brand) 50%, transparent);
|
|
83
|
-
}
|
|
84
|
-
}
|
|
85
|
-
|
|
86
|
-
&.is-circle {
|
|
87
|
-
width: 40px;
|
|
88
|
-
}
|
|
89
|
-
|
|
90
|
-
&:hover {
|
|
91
|
-
color: var(--el-button-hover-text-color);
|
|
92
|
-
border-color: var(--el-button-hover-border-color);
|
|
93
|
-
background-color: var(--el-button-hover-bg-color);
|
|
94
|
-
}
|
|
95
|
-
}
|
|
96
|
-
|
|
97
|
-
.el-button [class*="el-icon"] + span {
|
|
98
|
-
margin-left: 5px;
|
|
99
|
-
}
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
|
|
2
|
-
.el-form-item__label {
|
|
3
|
-
height: var(--el-component-size);
|
|
4
|
-
line-height: var(--el-component-size);
|
|
5
|
-
color: var(--text-primary);
|
|
6
|
-
}
|
|
7
|
-
|
|
8
|
-
.el-form-item--label-top {
|
|
9
|
-
.el-form-item__label {
|
|
10
|
-
line-height: 20px;
|
|
11
|
-
}
|
|
12
|
-
}
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
.el-input__wrapper{
|
|
16
|
-
padding: 1px 16px;
|
|
17
|
-
}
|
|
18
|
-
|
|
19
|
-
.el-form-item{
|
|
20
|
-
margin-bottom: 20px;
|
|
21
|
-
}
|