chore(snippets): markdown banners

This commit is contained in:
Michele Cereda
2024-03-18 18:19:38 +01:00
parent 0cd334ff03
commit 9502eb5b83
3 changed files with 43 additions and 0 deletions

17
snippets/alert.md Normal file
View File

@@ -0,0 +1,17 @@
<!-- markdownlint-disable-file MD041 -->
<div class="alert" style="
background-color: rgba(255,0,0,0.0625);
border: solid tomato; /* #FF6347 */
margin: 1em 0;
padding: 1em 1em 0;
">
<header style="
font-weight: bold;
margin-bottom: 0.5em;
text-align: center;
">🛑 Alert 🛑</header>
content
</div>

13
snippets/tip.md Normal file
View File

@@ -0,0 +1,13 @@
<!-- markdownlint-disable-file MD041 -->
<div class="tip" style="
background-color: rgba(0,255,0,0.0625);
border: solid lightGreen; /* #90EE90 */
margin: 1em 0;
padding: 1em 1em 0;
">
<header style="font-weight: bold; margin-bottom: 0.5em">Pro tip</header>
content
</div>

13
snippets/warning.md Normal file
View File

@@ -0,0 +1,13 @@
<!-- markdownlint-disable-file MD041 -->
<div class="warning" style="
background-color: rgba(255,255,0,0.0625);
border: solid yellow; /* #FFFF00 */
margin: 1em 0;
padding: 1em 1em 0;
">
<header style="font-weight: bold; margin-bottom: 0.5em">⚠ Warning ⚠️</header>
content
</div>