@@ -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
2928li > div [class *= ' language-' ] {
@@ -38,7 +37,7 @@ li > div[class*='language-'] {
3837 }
3938
4039 li > div [class *= ' language-' ] {
41- margin : 1rem 0 1rem 0 rem ;
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-
10097div [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