Skip to content

Commit a24274f

Browse files
committed
fix(code): fix codeblock errors
- Remove unknown language mark - Remove useless border-radius
1 parent 6ea38a5 commit a24274f

File tree

1 file changed

+41
-39
lines changed
  • packages/devui-vue/docs/.vitepress/devui-theme/styles

1 file changed

+41
-39
lines changed

packages/devui-vue/docs/.vitepress/devui-theme/styles/code.scss

Lines changed: 41 additions & 39 deletions
Original file line numberDiff line numberDiff line change
@@ -23,7 +23,6 @@ div[class*='language-'] {
2323
margin: 1rem -1.5rem;
2424
background-color: $devui-area !important;
2525
overflow-x: auto;
26-
border-radius: 20px !important;
2726
}
2827

2928
li > div[class*='language-'] {
@@ -38,7 +37,7 @@ li > div[class*='language-'] {
3837
}
3938

4039
li > div[class*='language-'] {
41-
margin: 1rem 0 1rem 0rem;
40+
margin: 1rem 0 1rem 0;
4241
border-radius: 6px;
4342
}
4443
}
@@ -72,11 +71,10 @@ li > div[class*='language-'] {
7271
padding: 0;
7372
line-height: var(--code-line-height);
7473
font-size: var(--code-font-size);
75-
color: #eee;
74+
color: #eeeeee;
7675
}
7776

7877
/* Line highlighting */
79-
8078
.highlight-lines {
8179
position: absolute;
8280
top: 0;
@@ -96,7 +94,6 @@ li > div[class*='language-'] {
9694
}
9795

9896
/* Line numbers mode */
99-
10097
div[class*='language-'].line-numbers-mode {
10198
padding-left: 3.5rem;
10299
}
@@ -114,108 +111,107 @@ div[class*='language-'].line-numbers-mode {
114111
line-height: var(--code-line-height);
115112
font-family: var(--code-font-family);
116113
font-size: var(--code-font-size);
117-
color: #888;
114+
color: #888888;
118115
}
119116

120117
/* Language marker */
121-
122-
div[class*='language-']:before {
118+
div[class*='language-']::before {
123119
position: absolute;
124120
top: 0.6em;
125121
right: 1em;
126122
z-index: 2;
127123
font-size: 0.8rem;
128-
color: #888;
124+
color: #888888;
129125
}
130126

131-
div[class~='language-html']:before,
132-
div[class~='language-markup']:before {
127+
div[class~='language-html']::before,
128+
div[class~='language-markup']::before {
133129
content: 'html';
134130
}
135131

136-
div[class~='language-md']:before,
137-
div[class~='language-markdown']:before {
132+
div[class~='language-md']::before,
133+
div[class~='language-markdown']::before {
138134
content: 'md';
139135
}
140136

141-
div[class~='language-css']:before {
137+
div[class~='language-css']::before {
142138
content: 'css';
143139
}
144140

145-
div[class~='language-sass']:before {
141+
div[class~='language-sass']::before {
146142
content: 'sass';
147143
}
148144

149-
div[class~='language-scss']:before {
145+
div[class~='language-scss']::before {
150146
content: 'scss';
151147
}
152148

153-
div[class~='language-less']:before {
149+
div[class~='language-less']::before {
154150
content: 'less';
155151
}
156152

157-
div[class~='language-stylus']:before {
153+
div[class~='language-stylus']::before {
158154
content: 'styl';
159155
}
160156

161-
div[class~='language-js']:before,
162-
div[class~='language-javascript']:before {
157+
div[class~='language-js']::before,
158+
div[class~='language-javascript']::before {
163159
content: 'js';
164160
}
165161

166-
div[class~='language-ts']:before,
167-
div[class~='language-typescript']:before {
162+
div[class~='language-ts']::before,
163+
div[class~='language-typescript']::before {
168164
content: 'ts';
169165
}
170166

171-
div[class~='language-json']:before {
167+
div[class~='language-json']::before {
172168
content: 'json';
173169
}
174170

175-
div[class~='language-rb']:before,
176-
div[class~='language-ruby']:before {
171+
div[class~='language-rb']::before,
172+
div[class~='language-ruby']::before {
177173
content: 'rb';
178174
}
179175

180-
div[class~='language-py']:before,
181-
div[class~='language-python']:before {
176+
div[class~='language-py']::before,
177+
div[class~='language-python']::before {
182178
content: 'py';
183179
}
184180

185-
div[class~='language-sh']:before,
186-
div[class~='language-bash']:before {
181+
div[class~='language-sh']::before,
182+
div[class~='language-bash']::before {
187183
content: 'sh';
188184
}
189185

190-
div[class~='language-php']:before {
186+
div[class~='language-php']::before {
191187
content: 'php';
192188
}
193189

194-
div[class~='language-go']:before {
190+
div[class~='language-go']::before {
195191
content: 'go';
196192
}
197193

198-
div[class~='language-rust']:before {
194+
div[class~='language-rust']::before {
199195
content: 'rust';
200196
}
201197

202-
div[class~='language-java']:before {
198+
div[class~='language-java']::before {
203199
content: 'java';
204200
}
205201

206-
div[class~='language-c']:before {
202+
div[class~='language-c']::before {
207203
content: 'c';
208204
}
209205

210-
div[class~='language-yaml']:before {
206+
div[class~='language-yaml']::before {
211207
content: 'yaml';
212208
}
213209

214-
div[class~='language-dockerfile']:before {
210+
div[class~='language-dockerfile']::before {
215211
content: 'dockerfile';
216212
}
217213

218-
div[class~='language-vue']:before {
214+
div[class~='language-vue']::before {
219215
content: 'vue';
220216
}
221217

@@ -225,16 +221,17 @@ div[class~='language-vue']:before {
225221
*
226222
* @author Rose Pritchard
227223
*/
224+
228225
.token.comment,
229226
.token.block-comment,
230227
.token.prolog,
231228
.token.doctype,
232229
.token.cdata {
233-
color: #999;
230+
color: #999999;
234231
}
235232

236233
.token.punctuation {
237-
color: #ccc;
234+
color: #cccccc;
238235
}
239236

240237
.token.tag,
@@ -299,3 +296,8 @@ div[class~='language-vue']:before {
299296
.token.inserted {
300297
color: green;
301298
}
299+
300+
// Remove default language marker
301+
.lang {
302+
display: none;
303+
}

0 commit comments

Comments
 (0)