@semi-bot/semi-theme-yas1 1.0.0 → 1.0.2
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 +1 -1
- package/package.json +1 -1
- package/raw.json +382 -380
- package/scss/_font.scss +22 -22
- package/scss/_palette.scss +336 -336
- package/scss/global.scss +10 -6
- package/scss/mixin.scss +3 -0
- package/scss/variables.scss +8 -8
- package/semi.css +798 -793
- package/semi.min.css +1 -1
package/scss/global.scss
CHANGED
|
@@ -99,16 +99,18 @@ body, body[theme-mode="dark"] .semi-always-light, :host, :host .semi-always-ligh
|
|
|
99
99
|
--semi-color-tertiary-light-default: rgba(var(--semi-grey-0), 1);
|
|
100
100
|
--semi-color-secondary-light-active: rgba(var(--semi-blue-2), 1);
|
|
101
101
|
--semi-color-secondary-light-default: rgba(var(--semi-light-blue-0), 1);
|
|
102
|
-
font-family:
|
|
102
|
+
font-family: Pretendard, Noto Sans Korean;
|
|
103
103
|
-webkit-font-smoothing: antialiased;;
|
|
104
104
|
--semi-shadow-elevated: 0px 0px 1px 0px rgba(0,0,0,0.30), 0px 4px 14px 0px rgba(0,0,0,0.10);
|
|
105
105
|
--semi-shadow-0: none;
|
|
106
106
|
--semi-shadow-1: none;
|
|
107
107
|
--semi-shadow-2: 0px 2px 4px 0px rgba(0,0,0,0.14), 0px 0px 1px 0px rgba(0,0,0,0.16);
|
|
108
108
|
--semi-shadow-knob: 0px 4px 6px 0px rgba(0,0,0,0.10), 0px 0px 1px 0px rgba(0,0,0,0.30);
|
|
109
|
+
--semi-shadow-name: 0px 10px 10px 10px var(--semi-color-border),0px 0px 0px 0px var(--semi-color-border);
|
|
109
110
|
--semi-border-radius-full: 9999px;
|
|
110
|
-
--semi-border-radius-
|
|
111
|
-
--semi-border-radius-
|
|
111
|
+
--semi-border-radius-name: 80px;
|
|
112
|
+
--semi-border-radius-large: 40px;
|
|
113
|
+
--semi-border-radius-small: 12px;
|
|
112
114
|
--semi-border-radius-circle: 50%;
|
|
113
115
|
--semi-border-radius-medium: 8px;
|
|
114
116
|
--semi-border-radius-extra-small: 2px;
|
|
@@ -214,16 +216,18 @@ body[theme-mode="dark"], body .semi-always-dark, :host([theme-mode="dark"]), :ho
|
|
|
214
216
|
--semi-color-tertiary-light-default: rgba(var(--semi-grey-5), 0.2);
|
|
215
217
|
--semi-color-secondary-light-active: rgba(var(--semi-light-blue-5), 0.4);
|
|
216
218
|
--semi-color-secondary-light-default: rgba(var(--semi-light-blue-5), 0.2);
|
|
217
|
-
font-family:
|
|
219
|
+
font-family: Pretendard, Noto Sans Korean;
|
|
218
220
|
-webkit-font-smoothing: antialiased;;
|
|
219
221
|
--semi-shadow-elevated: 0px 0px 1px 0px rgba(0,0,0,0.30), 0px 4px 14px 0px rgba(0,0,0,0.10);
|
|
220
222
|
--semi-shadow-0: none;
|
|
221
223
|
--semi-shadow-1: none;
|
|
222
224
|
--semi-shadow-2: 0px 2px 4px 0px rgba(0,0,0,0.14), 0px 0px 1px 0px rgba(0,0,0,0.16);
|
|
223
225
|
--semi-shadow-knob: 0px 4px 6px 0px rgba(0,0,0,0.10), 0px 0px 1px 0px rgba(0,0,0,0.30);
|
|
226
|
+
--semi-shadow-name: 0px 10px 10px 10px var(--semi-color-border),0px 0px 0px 0px var(--semi-color-border);
|
|
224
227
|
--semi-border-radius-full: 9999px;
|
|
225
|
-
--semi-border-radius-
|
|
226
|
-
--semi-border-radius-
|
|
228
|
+
--semi-border-radius-name: 80px;
|
|
229
|
+
--semi-border-radius-large: 40px;
|
|
230
|
+
--semi-border-radius-small: 12px;
|
|
227
231
|
--semi-border-radius-circle: 50%;
|
|
228
232
|
--semi-border-radius-medium: 8px;
|
|
229
233
|
--semi-border-radius-extra-small: 2px;
|
package/scss/mixin.scss
CHANGED
|
@@ -10,6 +10,9 @@
|
|
|
10
10
|
@mixin shadow-knob {
|
|
11
11
|
box-shadow: 0px 4px 6px 0px rgba(0,0,0,0.10), 0px 0px 1px 0px rgba(0,0,0,0.30);
|
|
12
12
|
};
|
|
13
|
+
@mixin shadow-name {
|
|
14
|
+
box-shadow: 0px 10px 10px 10px var(--semi-color-border),0px 0px 0px 0px var(--semi-color-border);
|
|
15
|
+
};
|
|
13
16
|
@mixin shadow-elevated {
|
|
14
17
|
box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.30), 0px 4px 14px 0px rgba(0,0,0,0.10);
|
|
15
18
|
};
|
package/scss/variables.scss
CHANGED
|
@@ -55,16 +55,16 @@ $z-resizable_handler: 2000; // 伸缩框组件中handler的z-index
|
|
|
55
55
|
// font
|
|
56
56
|
|
|
57
57
|
|
|
58
|
-
$font-family-regular:
|
|
59
|
-
$font-size-small:
|
|
60
|
-
$font-size-regular:
|
|
58
|
+
$font-family-regular: Pretendard, Noto Sans Korean; // semi 预置字体回退
|
|
59
|
+
$font-size-small: 14px; // 小文本字号
|
|
60
|
+
$font-size-regular: 15px; // 常规文本字号
|
|
61
61
|
|
|
62
62
|
$font-size-header-6: 16px; // 六级标题字号
|
|
63
|
-
$font-size-header-5:
|
|
64
|
-
$font-size-header-4:
|
|
65
|
-
$font-size-header-3:
|
|
66
|
-
$font-size-header-2:
|
|
67
|
-
$font-size-header-1:
|
|
63
|
+
$font-size-header-5: 24px; // 五级标题字号
|
|
64
|
+
$font-size-header-4: 30px; // 四级标题字号
|
|
65
|
+
$font-size-header-3: 36px; // 三级标题字号
|
|
66
|
+
$font-size-header-2: 48px; // 二级标题字号
|
|
67
|
+
$font-size-header-1: 64px; // 一级标题字号
|
|
68
68
|
|
|
69
69
|
|
|
70
70
|
$font-weight-light: 200; // 字重 - 轻
|