File tree Expand file tree Collapse file tree 2 files changed +13
-1
lines changed
packages/site-kit/src/lib Expand file tree Collapse file tree 2 files changed +13
-1
lines changed Original file line number Diff line number Diff line change 409
409
}
410
410
}
411
411
412
+ &.note {
413
+ background : none ;
414
+ margin-left : 0.2rem ;
415
+ padding : 0 0 0 3.8rem ;
416
+ border-left : 0.5rem solid var (--sk-back-5 );
417
+ }
418
+
412
419
em ,
413
420
i {
414
421
font-style : normal ;
Original file line number Diff line number Diff line change @@ -279,7 +279,12 @@ export async function render_content_markdown(
279
279
if ( content . includes ( '[!LEGACY]' ) ) {
280
280
content = `<details class="legacy"><summary>Legacy mode</summary>${ content . replace ( '[!LEGACY]' , '' ) } </details>` ;
281
281
}
282
- return `<blockquote>${ content } </blockquote>` ;
282
+
283
+ // TODO get a shared understanding of what kinds of blockquotes we have and how to name them. [!TIP] ? [!WARNING] ? [!QUOTE] ?
284
+ // Should the default be a generic blockquote that is just italic, without any icon?
285
+ // Should we rely on consistent class names everywhere instead of styling blockquotes one way on blogs and another way in the docs?
286
+ const klass = content . includes ( '[!NOTE]' ) ? ' class="note"' : '' ;
287
+ return `<blockquote${ klass } >${ content . replace ( '[!NOTE]' , '' ) } </blockquote>` ;
283
288
}
284
289
} ) ;
285
290
}
You can’t perform that action at this time.
0 commit comments