@wsxjs/wsx-press 0.0.18 → 0.0.19
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/dist/client.cjs +1 -1
- package/dist/client.js +1 -1
- package/dist/{index-ChO3PMD5.js → index-DVgDbgPQ.js} +148 -148
- package/dist/index-Do5btN_3.cjs +1 -0
- package/dist/node.cjs +2 -2
- package/dist/node.js +1 -1
- package/package.json +7 -7
- package/src/client/components/DocLayout.wsx +3 -10
- package/src/client/components/DocSearch.css +0 -1
- package/src/client/components/DocSidebar.css +0 -1
- package/src/client/components/DocSidebar.wsx +0 -1
- package/src/client/components/DocTOC.css +0 -1
- package/src/client/styles/code.css +151 -151
- package/src/client/styles/index.css +4 -4
- package/src/client/styles/reset.css +30 -30
- package/src/client/styles/theme.css +137 -135
- package/src/client/styles/typography.css +103 -103
- package/dist/index-uNJnOC7n.cjs +0 -1
|
@@ -4,168 +4,170 @@
|
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
:root {
|
|
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
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
7
|
+
/* ===== 颜色系统 - 亮色模式 ===== */
|
|
8
|
+
--wsx-press-bg-primary: #ffffff;
|
|
9
|
+
--wsx-press-bg-secondary: #f6f8fa;
|
|
10
|
+
--wsx-press-bg-tertiary: #f0f2f5;
|
|
11
|
+
|
|
12
|
+
--wsx-press-text-primary: #1f2328;
|
|
13
|
+
--wsx-press-text-secondary: #636c76;
|
|
14
|
+
--wsx-press-text-tertiary: #8c959f;
|
|
15
|
+
|
|
16
|
+
--wsx-press-border: #d0d7de;
|
|
17
|
+
--wsx-press-border-hover: #8c959f;
|
|
18
|
+
|
|
19
|
+
--wsx-press-link: #0969da;
|
|
20
|
+
--wsx-press-link-hover: #0550ae;
|
|
21
|
+
|
|
22
|
+
--wsx-press-accent: #dc2626; /* 继承 wsxjs 主色 */
|
|
23
|
+
--wsx-press-accent-hover: #b91c1c;
|
|
24
|
+
|
|
25
|
+
/* 代码高亮 */
|
|
26
|
+
--wsx-press-code-bg: #f6f8fa;
|
|
27
|
+
--wsx-press-code-text: #24292f;
|
|
28
|
+
--wsx-press-code-border: #d0d7de;
|
|
29
|
+
|
|
30
|
+
/* ===== 间距系统 ===== */
|
|
31
|
+
--wsx-press-spacing-xs: 0.25rem; /* 4px */
|
|
32
|
+
--wsx-press-spacing-sm: 0.5rem; /* 8px */
|
|
33
|
+
--wsx-press-spacing-md: 1rem; /* 16px */
|
|
34
|
+
--wsx-press-spacing-lg: 1.5rem; /* 24px */
|
|
35
|
+
--wsx-press-spacing-xl: 2rem; /* 32px */
|
|
36
|
+
--wsx-press-spacing-2xl: 3rem; /* 48px */
|
|
37
|
+
--wsx-press-spacing-3xl: 4rem; /* 64px */
|
|
38
|
+
|
|
39
|
+
/* ===== 字体系统 ===== */
|
|
40
|
+
--wsx-press-font-family:
|
|
41
|
+
-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
|
|
42
|
+
--wsx-press-font-mono:
|
|
43
|
+
"SF Mono", Monaco, "Cascadia Code", "Roboto Mono", Consolas, "Courier New", monospace;
|
|
44
|
+
|
|
45
|
+
--wsx-press-font-size-xs: 0.75rem; /* 12px */
|
|
46
|
+
--wsx-press-font-size-sm: 0.875rem; /* 14px */
|
|
47
|
+
--wsx-press-font-size-base: 1rem; /* 16px */
|
|
48
|
+
--wsx-press-font-size-lg: 1.125rem; /* 18px */
|
|
49
|
+
--wsx-press-font-size-xl: 1.25rem; /* 20px */
|
|
50
|
+
--wsx-press-font-size-2xl: 1.5rem; /* 24px */
|
|
51
|
+
--wsx-press-font-size-3xl: 1.875rem; /* 30px */
|
|
52
|
+
--wsx-press-font-size-4xl: 2.25rem; /* 36px */
|
|
53
|
+
|
|
54
|
+
--wsx-press-line-height-tight: 1.25;
|
|
55
|
+
--wsx-press-line-height-normal: 1.5;
|
|
56
|
+
--wsx-press-line-height-relaxed: 1.75;
|
|
57
|
+
|
|
58
|
+
/* ===== 圆角 ===== */
|
|
59
|
+
--wsx-press-radius-sm: 0.25rem;
|
|
60
|
+
--wsx-press-radius-md: 0.5rem;
|
|
61
|
+
--wsx-press-radius-lg: 0.75rem;
|
|
62
|
+
--wsx-press-radius-xl: 1rem;
|
|
63
|
+
|
|
64
|
+
/* ===== 阴影 ===== */
|
|
65
|
+
--wsx-press-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
|
|
66
|
+
--wsx-press-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
|
|
67
|
+
--wsx-press-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
|
|
68
|
+
--wsx-press-shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1);
|
|
69
|
+
|
|
70
|
+
/* ===== 布局 ===== */
|
|
71
|
+
--wsx-press-sidebar-width: 280px;
|
|
72
|
+
--wsx-press-toc-width: 240px;
|
|
73
|
+
--wsx-press-content-max-width: 800px;
|
|
74
|
+
--wsx-press-layout-max-width: 1440px;
|
|
75
|
+
|
|
76
|
+
/* ===== 动画 ===== */
|
|
77
|
+
--wsx-press-transition-fast: 150ms ease;
|
|
78
|
+
--wsx-press-transition-base: 200ms ease;
|
|
79
|
+
--wsx-press-transition-slow: 300ms ease;
|
|
80
|
+
|
|
81
|
+
/* ===== Z-index ===== */
|
|
82
|
+
--wsx-press-z-dropdown: 1000;
|
|
83
|
+
--wsx-press-z-modal: 1050;
|
|
84
|
+
--wsx-press-z-tooltip: 1100;
|
|
83
85
|
}
|
|
84
86
|
|
|
85
87
|
/* ===== 暗色模式（系统偏好） ===== */
|
|
86
88
|
@media (prefers-color-scheme: dark) {
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
89
|
+
:root {
|
|
90
|
+
--wsx-press-bg-primary: #0d1117;
|
|
91
|
+
--wsx-press-bg-secondary: #161b22;
|
|
92
|
+
--wsx-press-bg-tertiary: #21262d;
|
|
91
93
|
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
94
|
+
--wsx-press-text-primary: #e6edf3;
|
|
95
|
+
--wsx-press-text-secondary: #8b949e;
|
|
96
|
+
--wsx-press-text-tertiary: #6e7681;
|
|
95
97
|
|
|
96
|
-
|
|
97
|
-
|
|
98
|
+
--wsx-press-border: #30363d;
|
|
99
|
+
--wsx-press-border-hover: #484f58;
|
|
98
100
|
|
|
99
|
-
|
|
100
|
-
|
|
101
|
+
--wsx-press-link: #58a6ff;
|
|
102
|
+
--wsx-press-link-hover: #79c0ff;
|
|
101
103
|
|
|
102
|
-
|
|
103
|
-
|
|
104
|
+
--wsx-press-accent: #f87171;
|
|
105
|
+
--wsx-press-accent-hover: #fca5a5;
|
|
104
106
|
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
107
|
+
--wsx-press-code-bg: #161b22;
|
|
108
|
+
--wsx-press-code-text: #e6edf3;
|
|
109
|
+
--wsx-press-code-border: #30363d;
|
|
108
110
|
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
111
|
+
--wsx-press-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
|
|
112
|
+
--wsx-press-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.4);
|
|
113
|
+
--wsx-press-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.5);
|
|
114
|
+
--wsx-press-shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.6);
|
|
115
|
+
}
|
|
114
116
|
}
|
|
115
117
|
|
|
116
118
|
/* ===== 显式主题类（强制覆盖） ===== */
|
|
117
119
|
[data-theme="light"] {
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
120
|
+
--wsx-press-bg-primary: #ffffff;
|
|
121
|
+
--wsx-press-bg-secondary: #f6f8fa;
|
|
122
|
+
--wsx-press-bg-tertiary: #f0f2f5;
|
|
121
123
|
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
124
|
+
--wsx-press-text-primary: #1f2328;
|
|
125
|
+
--wsx-press-text-secondary: #636c76;
|
|
126
|
+
--wsx-press-text-tertiary: #8c959f;
|
|
125
127
|
|
|
126
|
-
|
|
127
|
-
|
|
128
|
+
--wsx-press-border: #d0d7de;
|
|
129
|
+
--wsx-press-border-hover: #8c959f;
|
|
128
130
|
|
|
129
|
-
|
|
130
|
-
|
|
131
|
+
--wsx-press-link: #0969da;
|
|
132
|
+
--wsx-press-link-hover: #0550ae;
|
|
131
133
|
|
|
132
|
-
|
|
133
|
-
|
|
134
|
+
--wsx-press-accent: #dc2626;
|
|
135
|
+
--wsx-press-accent-hover: #b91c1c;
|
|
134
136
|
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
137
|
+
--wsx-press-code-bg: #f6f8fa;
|
|
138
|
+
--wsx-press-code-text: #24292f;
|
|
139
|
+
--wsx-press-code-border: #d0d7de;
|
|
138
140
|
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
141
|
+
--wsx-press-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
|
|
142
|
+
--wsx-press-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
|
|
143
|
+
--wsx-press-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
|
|
144
|
+
--wsx-press-shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1);
|
|
143
145
|
}
|
|
144
146
|
|
|
145
147
|
[data-theme="dark"] {
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
148
|
+
--wsx-press-bg-primary: #0d1117;
|
|
149
|
+
--wsx-press-bg-secondary: #161b22;
|
|
150
|
+
--wsx-press-bg-tertiary: #21262d;
|
|
149
151
|
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
152
|
+
--wsx-press-text-primary: #e6edf3;
|
|
153
|
+
--wsx-press-text-secondary: #8b949e;
|
|
154
|
+
--wsx-press-text-tertiary: #6e7681;
|
|
153
155
|
|
|
154
|
-
|
|
155
|
-
|
|
156
|
+
--wsx-press-border: #30363d;
|
|
157
|
+
--wsx-press-border-hover: #484f58;
|
|
156
158
|
|
|
157
|
-
|
|
158
|
-
|
|
159
|
+
--wsx-press-link: #58a6ff;
|
|
160
|
+
--wsx-press-link-hover: #79c0ff;
|
|
159
161
|
|
|
160
|
-
|
|
161
|
-
|
|
162
|
+
--wsx-press-accent: #f87171;
|
|
163
|
+
--wsx-press-accent-hover: #fca5a5;
|
|
162
164
|
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
165
|
+
--wsx-press-code-bg: #161b22;
|
|
166
|
+
--wsx-press-code-text: #e6edf3;
|
|
167
|
+
--wsx-press-code-border: #30363d;
|
|
166
168
|
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
169
|
+
--wsx-press-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
|
|
170
|
+
--wsx-press-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.4);
|
|
171
|
+
--wsx-press-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.5);
|
|
172
|
+
--wsx-press-shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.6);
|
|
171
173
|
}
|
|
@@ -4,11 +4,11 @@
|
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
.wsx-press-typography {
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
7
|
+
font-family: var(--wsx-press-font-family);
|
|
8
|
+
font-size: var(--wsx-press-font-size-base);
|
|
9
|
+
line-height: var(--wsx-press-line-height-normal);
|
|
10
|
+
color: var(--wsx-press-text-primary);
|
|
11
|
+
word-wrap: break-word;
|
|
12
12
|
}
|
|
13
13
|
|
|
14
14
|
/* ===== 标题 ===== */
|
|
@@ -18,222 +18,222 @@
|
|
|
18
18
|
.wsx-press-typography h4,
|
|
19
19
|
.wsx-press-typography h5,
|
|
20
20
|
.wsx-press-typography h6 {
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
21
|
+
margin-top: var(--wsx-press-spacing-xl);
|
|
22
|
+
margin-bottom: var(--wsx-press-spacing-md);
|
|
23
|
+
font-weight: 600;
|
|
24
|
+
line-height: var(--wsx-press-line-height-tight);
|
|
25
|
+
color: var(--wsx-press-text-primary);
|
|
26
26
|
}
|
|
27
27
|
|
|
28
28
|
.wsx-press-typography h1:first-child,
|
|
29
29
|
.wsx-press-typography h2:first-child,
|
|
30
30
|
.wsx-press-typography h3:first-child {
|
|
31
|
-
|
|
31
|
+
margin-top: 0;
|
|
32
32
|
}
|
|
33
33
|
|
|
34
34
|
.wsx-press-typography h1 {
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
35
|
+
font-size: var(--wsx-press-font-size-3xl);
|
|
36
|
+
font-weight: 700;
|
|
37
|
+
padding-bottom: var(--wsx-press-spacing-md);
|
|
38
|
+
border-bottom: 2px solid var(--wsx-press-border);
|
|
39
39
|
}
|
|
40
40
|
|
|
41
41
|
.wsx-press-typography h2 {
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
42
|
+
font-size: var(--wsx-press-font-size-2xl);
|
|
43
|
+
padding-bottom: var(--wsx-press-spacing-sm);
|
|
44
|
+
border-bottom: 1px solid var(--wsx-press-border);
|
|
45
45
|
}
|
|
46
46
|
|
|
47
47
|
.wsx-press-typography h3 {
|
|
48
|
-
|
|
48
|
+
font-size: var(--wsx-press-font-size-xl);
|
|
49
49
|
}
|
|
50
50
|
|
|
51
51
|
.wsx-press-typography h4 {
|
|
52
|
-
|
|
52
|
+
font-size: var(--wsx-press-font-size-lg);
|
|
53
53
|
}
|
|
54
54
|
|
|
55
55
|
.wsx-press-typography h5,
|
|
56
56
|
.wsx-press-typography h6 {
|
|
57
|
-
|
|
57
|
+
font-size: var(--wsx-press-font-size-base);
|
|
58
58
|
}
|
|
59
59
|
|
|
60
60
|
/* ===== 段落 ===== */
|
|
61
61
|
.wsx-press-typography p {
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
62
|
+
margin-top: 0;
|
|
63
|
+
margin-bottom: var(--wsx-press-spacing-md);
|
|
64
|
+
line-height: var(--wsx-press-line-height-relaxed);
|
|
65
65
|
}
|
|
66
66
|
|
|
67
67
|
/* ===== 链接 ===== */
|
|
68
68
|
.wsx-press-typography a {
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
69
|
+
color: var(--wsx-press-link);
|
|
70
|
+
text-decoration: none;
|
|
71
|
+
transition: color var(--wsx-press-transition-fast);
|
|
72
72
|
}
|
|
73
73
|
|
|
74
74
|
.wsx-press-typography a:hover {
|
|
75
|
-
|
|
76
|
-
|
|
75
|
+
color: var(--wsx-press-link-hover);
|
|
76
|
+
text-decoration: underline;
|
|
77
77
|
}
|
|
78
78
|
|
|
79
79
|
/* ===== 列表 ===== */
|
|
80
80
|
.wsx-press-typography ul,
|
|
81
81
|
.wsx-press-typography ol {
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
82
|
+
margin-top: 0;
|
|
83
|
+
margin-bottom: var(--wsx-press-spacing-md);
|
|
84
|
+
padding-left: var(--wsx-press-spacing-xl);
|
|
85
85
|
}
|
|
86
86
|
|
|
87
87
|
.wsx-press-typography li {
|
|
88
|
-
|
|
89
|
-
|
|
88
|
+
margin-bottom: var(--wsx-press-spacing-sm);
|
|
89
|
+
line-height: var(--wsx-press-line-height-relaxed);
|
|
90
90
|
}
|
|
91
91
|
|
|
92
92
|
.wsx-press-typography li > p {
|
|
93
|
-
|
|
93
|
+
margin-bottom: var(--wsx-press-spacing-sm);
|
|
94
94
|
}
|
|
95
95
|
|
|
96
96
|
.wsx-press-typography ul ul,
|
|
97
97
|
.wsx-press-typography ol ul,
|
|
98
98
|
.wsx-press-typography ul ol,
|
|
99
99
|
.wsx-press-typography ol ol {
|
|
100
|
-
|
|
101
|
-
|
|
100
|
+
margin-top: var(--wsx-press-spacing-sm);
|
|
101
|
+
margin-bottom: 0;
|
|
102
102
|
}
|
|
103
103
|
|
|
104
104
|
/* ===== 引用 ===== */
|
|
105
105
|
.wsx-press-typography blockquote {
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
106
|
+
margin: var(--wsx-press-spacing-lg) 0;
|
|
107
|
+
padding: var(--wsx-press-spacing-sm) var(--wsx-press-spacing-md);
|
|
108
|
+
padding-left: var(--wsx-press-spacing-lg);
|
|
109
|
+
border-left: 4px solid var(--wsx-press-accent);
|
|
110
|
+
background: var(--wsx-press-bg-secondary);
|
|
111
|
+
border-radius: var(--wsx-press-radius-sm);
|
|
112
|
+
color: var(--wsx-press-text-secondary);
|
|
113
113
|
}
|
|
114
114
|
|
|
115
115
|
.wsx-press-typography blockquote > :first-child {
|
|
116
|
-
|
|
116
|
+
margin-top: 0;
|
|
117
117
|
}
|
|
118
118
|
|
|
119
119
|
.wsx-press-typography blockquote > :last-child {
|
|
120
|
-
|
|
120
|
+
margin-bottom: 0;
|
|
121
121
|
}
|
|
122
122
|
|
|
123
123
|
/* ===== 行内代码 ===== */
|
|
124
124
|
.wsx-press-typography code {
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
125
|
+
font-family: var(--wsx-press-font-mono);
|
|
126
|
+
font-size: 0.9em;
|
|
127
|
+
padding: 0.2em 0.4em;
|
|
128
|
+
background: var(--wsx-press-code-bg);
|
|
129
|
+
border: 1px solid var(--wsx-press-code-border);
|
|
130
|
+
border-radius: var(--wsx-press-radius-sm);
|
|
131
|
+
color: var(--wsx-press-code-text);
|
|
132
132
|
}
|
|
133
133
|
|
|
134
134
|
.wsx-press-typography a code {
|
|
135
|
-
|
|
135
|
+
color: var(--wsx-press-link);
|
|
136
136
|
}
|
|
137
137
|
|
|
138
138
|
/* ===== 代码块 ===== */
|
|
139
139
|
.wsx-press-typography pre {
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
140
|
+
margin: var(--wsx-press-spacing-lg) 0;
|
|
141
|
+
padding: var(--wsx-press-spacing-md);
|
|
142
|
+
background: var(--wsx-press-code-bg);
|
|
143
|
+
border: 1px solid var(--wsx-press-code-border);
|
|
144
|
+
border-radius: var(--wsx-press-radius-md);
|
|
145
|
+
overflow-x: auto;
|
|
146
|
+
line-height: var(--wsx-press-line-height-normal);
|
|
147
147
|
}
|
|
148
148
|
|
|
149
149
|
.wsx-press-typography pre code {
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
150
|
+
padding: 0;
|
|
151
|
+
background: none;
|
|
152
|
+
border: none;
|
|
153
|
+
font-size: var(--wsx-press-font-size-sm);
|
|
154
|
+
color: var(--wsx-press-code-text);
|
|
155
155
|
}
|
|
156
156
|
|
|
157
157
|
/* ===== 表格 ===== */
|
|
158
158
|
.wsx-press-typography table {
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
159
|
+
width: 100%;
|
|
160
|
+
border-collapse: collapse;
|
|
161
|
+
margin: var(--wsx-press-spacing-lg) 0;
|
|
162
|
+
display: block;
|
|
163
|
+
overflow-x: auto;
|
|
164
164
|
}
|
|
165
165
|
|
|
166
166
|
.wsx-press-typography th,
|
|
167
167
|
.wsx-press-typography td {
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
168
|
+
padding: var(--wsx-press-spacing-sm) var(--wsx-press-spacing-md);
|
|
169
|
+
border: 1px solid var(--wsx-press-border);
|
|
170
|
+
text-align: left;
|
|
171
171
|
}
|
|
172
172
|
|
|
173
173
|
.wsx-press-typography thead th {
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
174
|
+
background: var(--wsx-press-bg-secondary);
|
|
175
|
+
font-weight: 600;
|
|
176
|
+
color: var(--wsx-press-text-primary);
|
|
177
177
|
}
|
|
178
178
|
|
|
179
179
|
.wsx-press-typography tbody tr:hover {
|
|
180
|
-
|
|
180
|
+
background: var(--wsx-press-bg-tertiary);
|
|
181
181
|
}
|
|
182
182
|
|
|
183
183
|
/* ===== 分隔线 ===== */
|
|
184
184
|
.wsx-press-typography hr {
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
|
|
185
|
+
height: 1px;
|
|
186
|
+
border: none;
|
|
187
|
+
background: var(--wsx-press-border);
|
|
188
|
+
margin: var(--wsx-press-spacing-2xl) 0;
|
|
189
189
|
}
|
|
190
190
|
|
|
191
191
|
/* ===== 图片 ===== */
|
|
192
192
|
.wsx-press-typography img {
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
|
|
196
|
-
|
|
197
|
-
|
|
193
|
+
max-width: 100%;
|
|
194
|
+
height: auto;
|
|
195
|
+
display: block;
|
|
196
|
+
margin: var(--wsx-press-spacing-lg) auto;
|
|
197
|
+
border-radius: var(--wsx-press-radius-md);
|
|
198
198
|
}
|
|
199
199
|
|
|
200
200
|
/* ===== 任务列表 ===== */
|
|
201
201
|
.wsx-press-typography input[type="checkbox"] {
|
|
202
|
-
|
|
202
|
+
margin-right: var(--wsx-press-spacing-sm);
|
|
203
203
|
}
|
|
204
204
|
|
|
205
205
|
.wsx-press-typography .task-list-item {
|
|
206
|
-
|
|
206
|
+
list-style-type: none;
|
|
207
207
|
}
|
|
208
208
|
|
|
209
209
|
.wsx-press-typography .task-list-item input[type="checkbox"] {
|
|
210
|
-
|
|
210
|
+
margin-left: calc(var(--wsx-press-spacing-xl) * -1);
|
|
211
211
|
}
|
|
212
212
|
|
|
213
213
|
/* ===== 强调 ===== */
|
|
214
214
|
.wsx-press-typography strong {
|
|
215
|
-
|
|
216
|
-
|
|
215
|
+
font-weight: 600;
|
|
216
|
+
color: var(--wsx-press-text-primary);
|
|
217
217
|
}
|
|
218
218
|
|
|
219
219
|
.wsx-press-typography em {
|
|
220
|
-
|
|
220
|
+
font-style: italic;
|
|
221
221
|
}
|
|
222
222
|
|
|
223
223
|
/* ===== 删除线 ===== */
|
|
224
224
|
.wsx-press-typography del {
|
|
225
|
-
|
|
226
|
-
|
|
225
|
+
text-decoration: line-through;
|
|
226
|
+
color: var(--wsx-press-text-tertiary);
|
|
227
227
|
}
|
|
228
228
|
|
|
229
229
|
/* ===== 键盘按键 ===== */
|
|
230
230
|
.wsx-press-typography kbd {
|
|
231
|
-
|
|
232
|
-
|
|
233
|
-
|
|
234
|
-
|
|
235
|
-
|
|
236
|
-
|
|
237
|
-
|
|
238
|
-
|
|
231
|
+
display: inline-block;
|
|
232
|
+
padding: 0.1em 0.4em;
|
|
233
|
+
font-family: var(--wsx-press-font-mono);
|
|
234
|
+
font-size: 0.85em;
|
|
235
|
+
background: var(--wsx-press-bg-tertiary);
|
|
236
|
+
border: 1px solid var(--wsx-press-border);
|
|
237
|
+
border-radius: var(--wsx-press-radius-sm);
|
|
238
|
+
box-shadow: inset 0 -1px 0 var(--wsx-press-border);
|
|
239
239
|
}
|