@semi-bot/semi-theme-fortrae 1.0.0

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.
Files changed (14) hide show
  1. package/README.md +24 -0
  2. package/package.json +14 -0
  3. package/raw.json +2096 -0
  4. package/scss/_font.scss +64 -0
  5. package/scss/_palette.scss +372 -0
  6. package/scss/animation.scss +39 -0
  7. package/scss/custom.scss +0 -0
  8. package/scss/global.scss +317 -0
  9. package/scss/index.scss +3 -0
  10. package/scss/local.scss +602 -0
  11. package/scss/mixin.scss +81 -0
  12. package/scss/variables.scss +75 -0
  13. package/semi.css +26990 -0
  14. package/semi.min.css +1 -0
package/scss/global.scss ADDED
@@ -0,0 +1,317 @@
1
+ @import './_palette.scss';
2
+
3
+ body, body[theme-mode="dark"] .semi-always-light, :host, :host .semi-always-light {
4
+ --semi-color-bg-0: rgba(255,255,255,1);
5
+ --semi-color-bg-1: rgba(250,250,250,1);
6
+ --semi-color-bg-2: rgba(248,248,248,1);
7
+ --semi-color-bg-3: rgba(32,32,32,1);
8
+ --semi-color-bg-4: rgba(255,255,255,1);
9
+ --semi-color-info: rgba(var(--semi-cyan-4),1);
10
+ --semi-color-link: rgba(32,32,32,1);
11
+ --semi-color-nav-bg: rgba(var(--semi-white),1);
12
+ --semi-color-black: rgba(0,0,0,0.05);
13
+ --semi-color-data-0: rgba(0,117,219,1);
14
+ --semi-color-data-1: rgba(255,74,103,1);
15
+ --semi-color-data-2: rgba(45,204,211,1);
16
+ --semi-color-data-3: rgba(139,127,255,1);
17
+ --semi-color-data-4: rgba(245,141,0,1);
18
+ --semi-color-data-5: rgba(248,204,16,1);
19
+ --semi-color-data-6: rgba(250,69,160,1);
20
+ --semi-color-data-7: rgba(128,195,255,1);
21
+ --semi-color-data-8: rgba(0,163,127,1);
22
+ --semi-color-data-9: rgba(74,214,116,1);
23
+ --semi-color-fill-0: rgba(255,255,255,1);
24
+ --semi-color-fill-1: rgba(0,0,0,0.05);
25
+ --semi-color-fill-2: rgba(0,0,0,0.12);
26
+ --semi-color-fill-3: rgba(0,0,0,0.17);
27
+ --semi-color-fill-4: rgba(0,0,0,1);
28
+ --semi-color-text-0: rgba(0,0,0,1);
29
+ --semi-color-text-1: rgba(32,32,32,1);
30
+ --semi-color-text-2: rgba(0,0,0,0.65);
31
+ --semi-color-text-3: rgba(0,0,0,0.48);
32
+ --semi-color-text-4: rgba(0,0,0,0.34);
33
+ --semi-color-white: rgba(255,255,255,0.05);
34
+ --semi-color-data-10: rgba(113,89,255,1);
35
+ --semi-color-data-11: rgba(255,165,171,1);
36
+ --semi-color-data-12: rgba(0,158,178,1);
37
+ --semi-color-data-13: rgba(183,183,255,1);
38
+ --semi-color-data-14: rgba(237,101,39,1);
39
+ --semi-color-data-15: rgba(255,172,0,1);
40
+ --semi-color-data-16: rgba(255,120,189,1);
41
+ --semi-color-data-17: rgba(18,145,252,1);
42
+ --semi-color-data-18: rgba(0,213,170,1);
43
+ --semi-color-data-19: rgba(0,165,69,1);
44
+ --semi-color-black-1: rgba(0,0,0,0.08);
45
+ --semi-color-black-2: rgba(0,0,0,0.12);
46
+ --semi-color-black-3: rgba(0,0,0,0.17);
47
+ --semi-color-black-4: rgba(0,0,0,0.34);
48
+ --semi-color-black-5: rgba(0,0,0,0.42);
49
+ --semi-color-black-6: rgba(0,0,0,0.48);
50
+ --semi-color-black-7: rgba(0,0,0,0.65);
51
+ --semi-color-black-8: rgba(0,0,0,0.8);
52
+ --semi-color-black-9: rgba(0,0,0,1);
53
+ --semi-color-border: rgba(0,0,0,0.05);
54
+ --semi-color-danger: rgba(var(--semi-orange-5), 1);
55
+ --semi-color-shadow: rgba(var(--semi-black),0.04);
56
+ --semi-color-white-1: rgba(255,255,255,0.08);
57
+ --semi-color-white-2: rgba(255,255,255,0.15);
58
+ --semi-color-white-3: rgba(255,255,255,0.3);
59
+ --semi-color-white-4: rgba(255,255,255,0.4);
60
+ --semi-color-white-5: rgba(255,255,255,0.5);
61
+ --semi-color-white-6: rgba(255,255,255,0.65);
62
+ --semi-color-white-7: rgba(255,255,255,0.7);
63
+ --semi-color-white-8: rgba(255,255,255,0.8);
64
+ --semi-color-white-9: rgba(255,255,255,1);
65
+ --semi-color-Grey-hover: rgba(var(--semi-grey-6), 1);
66
+ --semi-color-default: rgba(var(--semi-grey-0),1);
67
+ --semi-color-info-hover: rgba(var(--semi-cyan-5),1);
68
+ --semi-color-link-hover: rgba(0,0,0,1);
69
+ --semi-color-primary: rgba(241,32,74,1);
70
+ --semi-color-success: rgba(var(--semi-green-5),1);
71
+ --semi-color-warning: rgba(var(--semi-amber-4), 1);
72
+ --semi-color-Grey-active: rgba(var(--semi-grey-7),1);
73
+ --semi-color-info-active: rgba(0,107,146,1);
74
+ --semi-color-link-active: rgba(0,0,0,1);
75
+ --semi-color-Grey-default: rgba(var(--semi-grey-5), 1);
76
+ --semi-color-divider-0: rgba(0,0,0,0.12);
77
+ --semi-color-divider-1: rgba(0,0,0,0.05);
78
+ --semi-color-link-disable: rgba(0,0,0,0.34);
79
+ --semi-color-link-visited: rgba(0,0,0,0.65);
80
+ --semi-color-tertiary: rgba(var(--semi-indigo-5), 1);
81
+ --semi-color-text-white-0: rgba(255,255,255,1);
82
+ --semi-color-text-white-1: rgba(255,255,255,0.7);
83
+ --semi-color-text-white-2: rgba(255,255,255,0.5);
84
+ --semi-color-Grey-disabled: rgba(var(--semi-grey-0), 1);
85
+ --semi-color-Grey-light-bg: rgba(var(--semi-grey-1), 1);
86
+ --semi-color-focus-border: rgba(var(--semi-brand-5),1);
87
+ --semi-color-info-disabled: rgba(179,236,245,1);
88
+ --semi-color-info-light-bg: rgba(207,240,246,1);
89
+ --semi-color-overlay-bg: rgba(22,22,26,0.6);
90
+ --semi-color-urgent-line: rgba(255,199,199,1);
91
+ --semi-color-border-hover: rgba(0,0,0,0.12);
92
+ --semi-color-border-solid: rgba(0,0,0,0.08);
93
+ --semi-color-danger-hover: rgba(var(--semi-orange-6), 1);
94
+ --semi-color-highlight: rgba(var(--semi-black),1);
95
+ --semi-color-secondary: rgba(var(--semi-light-blue-5),1);
96
+ --semi-color-urgent-hover: rgba(var(--semi-red-6), 1);
97
+ --semi-color-Grey-light-line: rgba(var(--semi-grey-3),1);
98
+ --semi-color-border-active: rgba(0,0,0,1);
99
+ --semi-color-danger-active: rgba(var(--semi-orange-7), 1);
100
+ --semi-color-disabled-bg: rgba(var(--semi-grey-1),1);
101
+ --semi-color-info-light-line: rgba(113,220,235,1);
102
+ --semi-color-overlay-mask: rgba(51,51,51,0.6);
103
+ --semi-color-urgent-active: rgba(var(--semi-red-7), 1);
104
+ --semi-color-Grey-light-hover: rgba(var(--semi-grey-4), 1);
105
+ --semi-color-danger-disable: rgba(var(--semi-orange-1), 1);
106
+ --semi-color-default-hover: rgba(var(--semi-grey-1), 1);
107
+ --semi-color-info-light-hover: rgba(var(--semi-cyan-3),1);
108
+ --semi-color-primary-hover: rgba(225,5,67,1);
109
+ --semi-color-success-hover: rgba(var(--semi-green-5),1);
110
+ --semi-color-urgent-default: rgba(var(--semi-red-5), 1);
111
+ --semi-color-warning-hover: rgba(var(--semi-amber-5), 1);
112
+ --semi-color-danger-light-bg: rgba(var(--semi-orange-0), 1);
113
+ --semi-color-default-active: rgba(var(--semi-grey-2), 1);
114
+ --semi-color-disabled-fill: rgba(var(--semi-grey-8),0.04);
115
+ --semi-color-disabled-text: rgba(var(--semi-grey-9),0.35);
116
+ --semi-color-highlight-bg: rgba(var(--semi-yellow-4), 1);
117
+ --semi-color-primary-active: rgba(178,0,47,1);
118
+ --semi-color-success-active: rgba(var(--semi-green-7),1);
119
+ --semi-color-urgent-disabled: rgba(var(--semi-red-2), 1);
120
+ --semi-color-urgent-light-bg: rgba(var(--semi-red-0), 1);
121
+ --semi-color-warning-active: rgba(var(--semi-amber-7), 1);
122
+ --semi-color-overlay-overlay: rgba(0,0,0,0.65);
123
+ --semi-color-tertiary-hover: rgba(var(--semi-indigo-6), 1);
124
+ --semi-color-warning-disable: rgba(var(--semi-amber-1), 1);
125
+ --semi-color-border-components: rgba(0,0,0,0.17);
126
+ --semi-color-danger-light-line: rgba(255,209,198,1);
127
+ --semi-color-disabled-border: rgba(var(--semi-grey-1), 1);
128
+ --semi-color-primary-disabled: rgba(241,32,74,0.4);
129
+ --semi-color-success-disabled: rgba(var(--semi-green-1),1);
130
+ --semi-color-success-light-bg: rgba(var(--semi-green-0),1);
131
+ --semi-color-tertiary-active: rgba(var(--semi-indigo-7), 1);
132
+ --semi-color-warning-light-bg: rgba(var(--semi-amber-0), 1);
133
+ --semi-color-danger-light-hover: rgba(var(--semi-orange-2),1);
134
+ --semi-color-secondary-hover: rgba(var(--semi-light-blue-6),1);
135
+ --semi-color-urgent-light-hover: rgba(var(--semi-red-3),1);
136
+ --semi-color-secondary-active: rgba(var(--semi-light-blue-7), 1);
137
+ --semi-color-success-light-line: rgba(169,242,183,1);
138
+ --semi-color-warning-light-line: rgba(var(--semi-amber-2),1);
139
+ --semi-color-primary-light-hover: rgba(0,0,0,0.08);
140
+ --semi-color-success-light-hover: rgba(var(--semi-green-2),1);
141
+ --semi-color-warning-light-hover: rgba(var(--semi-amber-2),1);
142
+ --semi-color-info-light-active: rgba(162,229,239,1);
143
+ --semi-color-primary-light-active: rgba(0,0,0,0.08);
144
+ --semi-color-secondary-disabled: rgba(var(--semi-light-blue-2), 1);
145
+ --semi-color-info-light-default: rgba(207,240,246,1);
146
+ --semi-color-primary-light-default: rgba(0,0,0,0.05);
147
+ --semi-color-primary-light-disable: rgba(0,0,0,0.02);
148
+ --semi-color-TikTok-Brand-Dawn: rgba(237,187,232,1);
149
+ --semi-color-TikTok-Brand-Glow: rgba(251,235,53,1);
150
+ --semi-color-TikTok-Brand-Muse: rgba(237,212,178,1);
151
+ --semi-color-TikTok-Brand-Black: rgba(0,0,0,1);
152
+ --semi-color-TikTok-Brand-Blaze: rgba(241,32,74,1);
153
+ --semi-color-TikTok-Brand-Ember: rgba(74,5,5,1);
154
+ --semi-color-TikTok-Brand-Glint: rgba(45,204,211,1);
155
+ --semi-color-TikTok-Brand-White: rgba(255,255,255,1);
156
+ --semi-color-TikTok-Brand-Thrive: rgba(3,54,36,1);
157
+ --semi-color-danger-light-active: rgba(255,209,198,1);
158
+ --semi-color-TikTok-Brand-Shimmer: rgba(186,246,240,1);
159
+ --semi-color-danger-light-default: rgba(255,234,229,1);
160
+ --semi-color-success-light-active: rgba(169,242,183,1);
161
+ --semi-color-warning-light-active: rgba(var(--semi-amber-1),1);
162
+ --semi-color-success-light-default: rgba(209,248,215,1);
163
+ --semi-color-tertiary-light-hover: rgba(var(--semi-grey-1), 1);
164
+ --semi-color-warning-light-default: rgba(var(--semi-amber-0), 1);
165
+ --semi-color-tertiary-light-active: rgba(var(--semi-grey-2),1);
166
+ --semi-color-secondary-light-hover: rgba(var(--semi-blue-1),1);
167
+ --semi-color-tertiary-light-default: rgba(var(--semi-grey-0),1);
168
+ --semi-color-secondary-light-active: rgba(var(--semi-blue-2),1);
169
+ --semi-color-secondary-light-default: rgba(var(--semi-light-blue-0), 1);
170
+ --semi-color-Data-Sequential-Color-0: rgba(207,240,246,1);
171
+ --semi-color-Data-Sequential-Color-1: rgba(179,236,245,1);
172
+ --semi-color-Data-Sequential-Color-2: rgba(162,229,239,1);
173
+ --semi-color-Data-Sequential-Color-3: rgba(100,213,228,1);
174
+ --semi-color-Data-Sequential-Color-4: rgba(45,204,211,1);
175
+ --semi-color-Data-Sequential-Color-5: rgba(0,158,178,1);
176
+ --semi-color-Data-Sequential-Color-6: rgba(0,117,146,1);
177
+ --semi-color-Data-Sequential-Color-7: rgba(0,102,116,1);
178
+ --semi-color-Data-Sequential-Color-8: rgba(0,52,60,1);
179
+ --semi-color-Data-Sequential-Color-9: rgba(0,29,35,1);
180
+ font-family: TikTok Sans, TikTokFont, 'Segoe UI', 'Inter', -apple-system, BlinkMacSystemFont, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif;
181
+ -webkit-font-smoothing: antialiased;;
182
+ --semi-shadow-elevated: 0px 0px 1px 0px rgba(0,0,0,0.30), 0px 4px 14px 0px rgba(0,0,0,0.10);
183
+ --semi-shadow-0: none;
184
+ --semi-shadow-1: 0px 0px 0px 0px rgba(0,0,0,0.08),0px 0px 0px 0px rgba(0,0,0,0);
185
+ --semi-shadow-2: 0px 2px 4px 0px rgba(0,0,0,0.14),0px 0px 1px 0px rgba(0,0,0,0.16);
186
+ --semi-shadow-L: 0px 24px 48px -12px rgba(17,24,39,0.18),0px 4px 4px -2px rgba(17,24,39,0.04);
187
+ --semi-shadow-M: 0px 4px 6px -2px rgba(17,24,39,0.03),0px 12px 16px -4px rgba(17,24,39,0.08),0px 2px 2px -1px rgba(17,24,39,0.04);
188
+ --semi-shadow-S: 0px 4px 6px -1px rgba(17,24,39,0.1);
189
+ --semi-shadow-knob: 0px 4px 6px 0px rgba(0,0,0,0.10),0px 0px 1px 0px rgba(0,0,0,0.30);
190
+ --semi-border-radius-full: 9999px;
191
+ --semi-border-radius-large: 24px;
192
+ --semi-border-radius-small: 12px;
193
+ --semi-border-radius-circle: 8px;
194
+ --semi-border-radius-medium: 6px;
195
+ --semi-border-radius-extra-small: 4px;
196
+
197
+
198
+ }
199
+ body[theme-mode="dark"], body .semi-always-dark, :host([theme-mode="dark"]), :host .semi-always-dark {
200
+ --semi-color-bg-0: rgba(22, 22, 26, 1);
201
+ --semi-color-bg-1: rgba(35, 36, 41, 1);
202
+ --semi-color-bg-2: rgba(53, 54, 60, 1);
203
+ --semi-color-bg-3: rgba(67, 68, 74, 1);
204
+ --semi-color-bg-4: rgba(79, 81, 89, 1);
205
+ --semi-color-info: rgba(var(--semi-blue-5), 1);
206
+ --semi-color-link: rgba(var(--semi-blue-5), 1);
207
+ --semi-color-nav-bg: rgba(35, 36, 41, 1);
208
+ --semi-color-black: rgba(var(--semi-black), 1);
209
+ --semi-color-data-0: rgba(94, 109, 194, 1);
210
+ --semi-color-data-1: rgba(8, 104, 120, 1);
211
+ --semi-color-data-2: rgba(250, 173, 63, 1);
212
+ --semi-color-data-3: rgba(76, 43, 156, 1);
213
+ --semi-color-data-4: rgba(16, 125, 248, 1);
214
+ --semi-color-data-5: rgba(248, 202, 16, 1);
215
+ --semi-color-data-6: rgba(195, 30, 87, 1);
216
+ --semi-color-data-7: rgba(5, 119, 115, 1);
217
+ --semi-color-data-8: rgba(154, 207, 13, 1);
218
+ --semi-color-data-9: rgba(117, 29, 138, 1);
219
+ --semi-color-fill-0: rgba(var(--semi-white), 0.05);
220
+ --semi-color-fill-1: rgba(var(--semi-white), 0.09);
221
+ --semi-color-fill-2: rgba(var(--semi-white), 0.13);
222
+ --semi-color-text-0: rgba(var(--semi-grey-9), 1);
223
+ --semi-color-text-1: rgba(var(--semi-grey-9), 0.8);
224
+ --semi-color-text-2: rgba(var(--semi-grey-9), 0.6);
225
+ --semi-color-text-3: rgba(var(--semi-grey-9), 0.35);
226
+ --semi-color-white: rgba(255,255,255,1);
227
+ --semi-color-bg-0-grey: rgba(var(--semi-grey-0),1);
228
+ --semi-color-data-10: rgba(16, 162, 180, 1);
229
+ --semi-color-data-11: rgba(208, 110, 11, 1);
230
+ --semi-color-data-12: rgba(113, 66, 197, 1);
231
+ --semi-color-data-13: rgba(7, 100, 212, 1);
232
+ --semi-color-data-14: rgba(251, 232, 110, 1);
233
+ --semi-color-data-15: rgba(160, 19, 73, 1);
234
+ --semi-color-data-16: rgba(11, 179, 167, 1);
235
+ --semi-color-data-17: rgba(98, 138, 6, 1);
236
+ --semi-color-data-18: rgba(162, 48, 179, 1);
237
+ --semi-color-data-19: rgba(40, 51, 138, 1);
238
+ --semi-color-border: rgba(var(--semi-white),0.08);
239
+ --semi-color-danger: rgba(var(--semi-red-5), 1);
240
+ --semi-color-shadow: rgba(var(--semi-black), 0.04);
241
+ --semi-color-default: rgba(var(--semi-grey-0), 1);
242
+ --semi-color-info-hover: rgba(var(--semi-blue-6), 1);
243
+ --semi-color-link-hover: rgba(var(--semi-blue-6), 1);
244
+ --semi-color-primary: rgba(var(--semi-brand-5),1);
245
+ --semi-color-success: rgba(var(--semi-green-5), 1);
246
+ --semi-color-warning: rgba(var(--semi-orange-5), 1);
247
+ --semi-color-info-active: rgba(var(--semi-blue-7), 1);
248
+ --semi-color-link-active: rgba(var(--semi-blue-7), 1);
249
+ --semi-color-link-visited: rgba(var(--semi-blue-5), 1);
250
+ --semi-color-tertiary: rgba(var(--semi-grey-5), 1);
251
+ --semi-color-focus-border: rgba(var(--semi-brand-5), 1);
252
+ --semi-color-info-disabled: rgba(var(--semi-blue-2), 1);
253
+ --semi-color-overlay-bg: rgba(22, 22, 26, 0.6);
254
+ --semi-color-danger-hover: rgba(var(--semi-red-6), 1);
255
+ --semi-color-highlight: rgba(var(--semi-white), 1);
256
+ --semi-color-secondary: rgba(var(--semi-blue-5), 1);
257
+ --semi-color-danger-active: rgba(var(--semi-red-7), 1);
258
+ --semi-color-disabled-bg: rgba(var(--semi-grey-1), 1);
259
+ --semi-color-default-hover: rgba(var(--semi-grey-1), 1);
260
+ --semi-color-primary-hover: rgba(var(--semi-brand-6), 1);
261
+ --semi-color-success-hover: rgba(var(--semi-green-6), 1);
262
+ --semi-color-warning-hover: rgba(var(--semi-orange-6), 1);
263
+ --semi-color-default-active: rgba(var(--semi-grey-2), 1);
264
+ --semi-color-disabled-fill: rgba(var(--semi-grey-8), 0.04);
265
+ --semi-color-disabled-text: rgba(var(--semi-grey-9), 0.35);
266
+ --semi-color-highlight-bg: rgba(var(--semi-yellow-2), 1);
267
+ --semi-color-primary-active: rgba(var(--semi-brand-7), 1);
268
+ --semi-color-success-active: rgba(var(--semi-green-7), 1);
269
+ --semi-color-warning-active: rgba(var(--semi-orange-7), 1);
270
+ --semi-color-tertiary-hover: rgba(var(--semi-grey-6), 1);
271
+ --semi-color-disabled-border: rgba(var(--semi-grey-1), 1);
272
+ --semi-color-primary-disabled: rgba(var(--semi-brand-2), 1);
273
+ --semi-color-success-disabled: rgba(var(--semi-green-2), 1);
274
+ --semi-color-tertiary-active: rgba(var(--semi-grey-7), 1);
275
+ --semi-color-secondary-hover: rgba(var(--semi-blue-6), 1);
276
+ --semi-color-secondary-active: rgba(var(--semi-blue-7), 1);
277
+ --semi-color-info-light-hover: rgba(var(--semi-blue-5), 0.3);
278
+ --semi-color-info-light-active: rgba(var(--semi-blue-5), 0.4);
279
+ --semi-color-secondary-disabled: rgba(var(--semi-blue-2), 1);
280
+ --semi-color-info-light-default: rgba(var(--semi-blue-5), 0.2);
281
+ --semi-color-danger-light-hover: rgba(var(--semi-red-5), 0.3);
282
+ --semi-color-danger-light-active: rgba(var(--semi-red-5), 0.4);
283
+ --semi-color-danger-light-default: rgba(var(--semi-red-5), 0.2);
284
+ --semi-color-primary-light-hover: rgba(var(--semi-brand-5), 0.3);
285
+ --semi-color-success-light-hover: rgba(var(--semi-green-5), 0.3);
286
+ --semi-color-warning-light-hover: rgba(var(--semi-orange-5), 0.3);
287
+ --semi-color-primary-light-active: rgba(var(--semi-brand-5), 0.4);
288
+ --semi-color-success-light-active: rgba(var(--semi-green-5), 0.4);
289
+ --semi-color-warning-light-active: rgba(var(--semi-orange-5), 0.4);
290
+ --semi-color-primary-light-default: rgba(var(--semi-brand-5), 0.2);
291
+ --semi-color-success-light-default: rgba(var(--semi-green-5), 0.2);
292
+ --semi-color-tertiary-light-hover: rgba(var(--semi-grey-5), 0.3);
293
+ --semi-color-warning-light-default: rgba(var(--semi-orange-5), 0.2);
294
+ --semi-color-tertiary-light-active: rgba(var(--semi-grey-5), 0.4);
295
+ --semi-color-secondary-light-hover: rgba(var(--semi-blue-5), 0.3);
296
+ --semi-color-tertiary-light-default: rgba(var(--semi-grey-5), 0.2);
297
+ --semi-color-secondary-light-active: rgba(var(--semi-blue-5), 0.4);
298
+ --semi-color-secondary-light-default: rgba(var(--semi-blue-5), 0.2);
299
+ font-family: TikTok Sans, TikTokFont, 'Segoe UI', 'Inter', -apple-system, BlinkMacSystemFont, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif;
300
+ -webkit-font-smoothing: antialiased;;
301
+ --semi-shadow-elevated: 0px 0px 1px 0px rgba(0,0,0,0.30), 0px 4px 14px 0px rgba(0,0,0,0.10);
302
+ --semi-shadow-0: none;
303
+ --semi-shadow-1: 0px 0px 0px 0px rgba(0,0,0,0.08),0px 0px 0px 0px rgba(0,0,0,0);
304
+ --semi-shadow-2: 0px 2px 4px 0px rgba(0,0,0,0.14),0px 0px 1px 0px rgba(0,0,0,0.16);
305
+ --semi-shadow-L: 0px 24px 48px -12px rgba(17,24,39,0.18),0px 4px 4px -2px rgba(17,24,39,0.04);
306
+ --semi-shadow-M: 0px 4px 6px -2px rgba(17,24,39,0.03),0px 12px 16px -4px rgba(17,24,39,0.08),0px 2px 2px -1px rgba(17,24,39,0.04);
307
+ --semi-shadow-S: 0px 4px 6px -1px rgba(17,24,39,0.1);
308
+ --semi-shadow-knob: 0px 4px 6px 0px rgba(0,0,0,0.10),0px 0px 1px 0px rgba(0,0,0,0.30);
309
+ --semi-border-radius-full: 9999px;
310
+ --semi-border-radius-large: 24px;
311
+ --semi-border-radius-small: 12px;
312
+ --semi-border-radius-circle: 8px;
313
+ --semi-border-radius-medium: 6px;
314
+ --semi-border-radius-extra-small: 4px;
315
+
316
+
317
+ }
package/scss/index.scss ADDED
@@ -0,0 +1,3 @@
1
+ @import './_font.scss';
2
+ @import './mixin.scss';
3
+ @import './variables.scss';