From 9502eb5b8343dcab661739357066ae99a0c21972 Mon Sep 17 00:00:00 2001
From: Michele Cereda <cereda.michele@gmail.com>
Date: Mon, 18 Mar 2024 18:19:38 +0100
Subject: [PATCH] chore(snippets): markdown banners

---
 snippets/alert.md   | 17 +++++++++++++++++
 snippets/tip.md     | 13 +++++++++++++
 snippets/warning.md | 13 +++++++++++++
 3 files changed, 43 insertions(+)
 create mode 100644 snippets/alert.md
 create mode 100644 snippets/tip.md
 create mode 100644 snippets/warning.md

diff --git a/snippets/alert.md b/snippets/alert.md
new file mode 100644
index 0000000..04ee6f7
--- /dev/null
+++ b/snippets/alert.md
@@ -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>
diff --git a/snippets/tip.md b/snippets/tip.md
new file mode 100644
index 0000000..c5a0cc4
--- /dev/null
+++ b/snippets/tip.md
@@ -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>
diff --git a/snippets/warning.md b/snippets/warning.md
new file mode 100644
index 0000000..dd6b36c
--- /dev/null
+++ b/snippets/warning.md
@@ -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>