File tree Expand file tree Collapse file tree 8 files changed +71
-0
lines changed Expand file tree Collapse file tree 8 files changed +71
-0
lines changed Original file line number Diff line number Diff line change 181
181
line-height : 1 ;
182
182
}
183
183
184
+ & > : global (.markdown-alert-title )::before {
185
+ content : '' ;
186
+ margin-right : .5rem ;
187
+ background-color : var (--gray-border );
188
+ width : 1em ;
189
+ height : 1em ;
190
+ }
191
+
184
192
& : global (.markdown-alert-note ) {
185
193
border-left-color : var (--fg-color-note );
186
194
187
195
& > : global (.markdown-alert-title ) {
188
196
color : var (--fg-color-note );
197
+
198
+ & : before {
199
+ mask : url ("/assets/alert-note.svg" );
200
+ background-color : var (--fg-color-note );
201
+ }
189
202
}
190
203
}
191
204
194
207
195
208
& > : global (.markdown-alert-title ) {
196
209
color : var (--fg-color-tip );
210
+
211
+ & : before {
212
+ mask : url ("/assets/alert-tip.svg" );
213
+ background-color : var (--fg-color-tip );
214
+ }
197
215
}
198
216
}
199
217
202
220
203
221
& > : global (.markdown-alert-title ) {
204
222
color : var (--fg-color-important );
223
+
224
+ & : before {
225
+ mask : url ("/assets/alert-important.svg" );
226
+ background-color : var (--fg-color-important );
227
+ }
205
228
}
206
229
}
207
230
210
233
211
234
& > : global (.markdown-alert-title ) {
212
235
color : var (--fg-color-warning );
236
+
237
+ & : before {
238
+ mask : url ("/assets/alert-warning.svg" );
239
+ background-color : var (--fg-color-warning );
240
+ }
213
241
}
214
242
}
215
243
218
246
219
247
& > : global (.markdown-alert-title ) {
220
248
color : var (--fg-color-caution );
249
+
250
+ & : before {
251
+ mask : url ("/assets/alert-caution.svg" );
252
+ background-color : var (--fg-color-caution );
253
+ }
221
254
}
222
255
}
223
256
}
Original file line number Diff line number Diff line change @@ -23,6 +23,17 @@ const README_HTML = `
23
23
<p>Advises about risks or negative outcomes of certain actions.</p>
24
24
</div>
25
25
26
+ <div class="markdown-alert markdown-alert-note">
27
+ <p class="markdown-alert-title">Note</p>
28
+ <div class="markdown-alert markdown-alert-important">
29
+ <p class="markdown-alert-title">Important</p>
30
+ <div class="markdown-alert markdown-alert-caution">
31
+ <p class="markdown-alert-title">Caution</p>
32
+ <p>Rick roll</p>
33
+ <p>Never gonna give you up</p>
34
+ </div>
35
+ </div>
36
+ </div>
26
37
27
38
<p><strong>Serde is a framework for <em>ser</em>ializing and <em>de</em>serializing Rust data structures efficiently and generically.</strong></p>
28
39
<hr>
Original file line number Diff line number Diff line change @@ -30,6 +30,18 @@ const README_HTML = `
30
30
<p>Advises about risks or negative outcomes of certain actions.</p>
31
31
</div>
32
32
33
+ <div class="markdown-alert markdown-alert-note">
34
+ <p class="markdown-alert-title">Note</p>
35
+ <div class="markdown-alert markdown-alert-important">
36
+ <p class="markdown-alert-title">Important</p>
37
+ <div class="markdown-alert markdown-alert-caution">
38
+ <p class="markdown-alert-title">Caution</p>
39
+ <p>Rick roll</p>
40
+ <p>Never gonna give you up</p>
41
+ </div>
42
+ </div>
43
+ </div>
44
+
33
45
<p><strong>Serde is a framework for <em>ser</em>ializing and <em>de</em>serializing Rust data structures efficiently and generically.</strong></p>
34
46
<hr>
35
47
<p>You may be looking for:</p>
You can’t perform that action at this time.
0 commit comments