vitepress-theme-element-plus 0.0.4 → 0.0.6

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 (6) hide show
  1. package/client/components/DocAsideOutline.vue +5 -0
  2. package/package.json +1 -1
  3. package/styles/base.scss +12 -0
  4. package/styles/doc-content.scss +62 -0
  5. package/styles/index.scss +1 -1
  6. package/styles/tag-content.scss +2 -2
package/client/components/DocAsideOutline.vue CHANGED
@@ -62,6 +62,11 @@ onContentUpdated(() => {
62
62
 
63
63
  .VPDocAsideOutline.has-outline {
64
64
  display: block;
65
+
66
+ & :deep(.el-anchor) {
67
+ --el-anchor-active-color: var(--vp-c-brand);
68
+ --el-anchor-marker-bg-color: var(--vp-c-brand);
69
+ }
65
70
  }
66
71
 
67
72
  .content {
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "vitepress-theme-element-plus",
3
3
  "type": "module",
4
- "version": "0.0.4",
4
+ "version": "0.0.6",
5
5
  "description": "A VitePress theme for Element Plus",
6
6
  "author": "Hezhengxu",
7
7
  "license": "MIT",
package/styles/base.scss CHANGED
@@ -35,3 +35,15 @@ body {
35
35
  main {
36
36
  display: block;
37
37
  }
38
+
39
+ a,
40
+ area,
41
+ button,
42
+ [role=button],
43
+ input,
44
+ label,
45
+ select,
46
+ summary,
47
+ textarea {
48
+ touch-action: manipulation
49
+ }
package/styles/doc-content.scss CHANGED
@@ -16,6 +16,7 @@
16
16
 
17
17
  h3 {
18
18
  font-size: 1.35rem;
19
+ margin-top: 2rem;
19
20
  font-weight: 600;
20
21
  }
21
22
 
@@ -158,4 +159,65 @@
158
159
  margin: 20px 0;
159
160
  }
160
161
  }
162
+
163
+ blockquote {
164
+ margin: 1rem 0;
165
+ border-left: .2rem solid var(--el-border-color);
166
+ padding: .25rem 0 .25rem 1rem;
167
+ font-size: 1rem;
168
+ color: var(--text-color-lighter)
169
+ }
170
+
171
+ blockquote>p {
172
+ margin: 0
173
+ }
174
+
175
+ form {
176
+ margin: 0
177
+ }
178
+
179
+ details summary {
180
+ margin: 16px 0;
181
+ font-size: 18px;
182
+ font-weight: 600;
183
+ cursor: pointer
184
+ }
185
+
186
+ figure {
187
+ margin: 0
188
+ }
189
+
190
+ img {
191
+ max-width: 100%
192
+ }
193
+
194
+ ul,
195
+ ol {
196
+ padding-left: 1.25em;
197
+ }
198
+
199
+ li>ul,
200
+ li>ol {
201
+ margin: 0
202
+ }
203
+
204
+ p,
205
+ ol,
206
+ ul {
207
+ margin: 1rem 0;
208
+ line-height: 1.7;
209
+ list-style-type: disc
210
+ }
211
+
212
+ ol>li {
213
+ list-style: auto
214
+ }
215
+
216
+ hr {
217
+ margin-top: 20px;
218
+ margin-bottom: 20px;
219
+ border: 0;
220
+ border-top: 1px solid var(--el-border-color-lighter);
221
+ }
161
222
  }
223
+
package/styles/index.scss CHANGED
@@ -42,7 +42,7 @@
42
42
  --vp-nav-logo-height: 28px;
43
43
  --vp-c-brand: var(--el-color-primary);
44
44
  --vp-c-brand-1: var(--el-color-primary);
45
- --el-bg-color: var(--vp-c-bg);
45
+ --vp-c-bg: var(--el-bg-color);
46
46
  }
47
47
  // fix "vitepress-plugin-group-icons"
48
48
  .vp-code-block-title-bar.vp-code-block-title-bar {
package/styles/tag-content.scss CHANGED
@@ -1,6 +1,6 @@
1
1
  .vp-tag {
2
- --vp-tag-color: var(--el-color-primary);
3
- --vp-tag-border-color: var(--el-color-primary);
2
+ --vp-tag-color: var(--vp-c-brand);
3
+ --vp-tag-border-color: var(--vp-c-brand);
4
4
 
5
5
  display: inline-block;
6
6
  padding: 0 7px;