From aa0cf40591bd722b63c9b3be4072d350ed8ee21f Mon Sep 17 00:00:00 2001
From: jdhao <jdhao@hotmail.com>
Date: Tue, 8 Feb 2022 23:13:10 +0800
Subject: [PATCH] update Markdown snippets

---
 my_snippets/markdown.snippets | 92 +++++++++++++++++++++++++++++++++++
 1 file changed, 92 insertions(+)

diff --git a/my_snippets/markdown.snippets b/my_snippets/markdown.snippets
index e25bd8a..92ea3bf 100644
--- a/my_snippets/markdown.snippets
+++ b/my_snippets/markdown.snippets
@@ -70,3 +70,95 @@ endsnippet
 snippet yh "直角引号" w
 「$1」
 endsnippet
+
+snippet info "info box"
+<style type="text/css">
+@import url('//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css');
+
+.info-msg {
+	color: #059;
+	background-color: #BEF;
+	margin: 5px 0;
+	margin-bottom: 20px;
+	padding: 10px;
+	border-radius: 5px 5px 5px 5px;
+	border: 2px solid transparent;
+	border-color: transparent;
+}
+</style>
+
+<div class="info-msg">
+	<i class="fa fa-info-circle"></i>
+	${1:info text}
+</div>
+$0
+endsnippet
+
+snippet warn "warning box"
+<style type="text/css">
+@import url('//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css');
+
+.warning-msg {
+	color: #9F6000;
+	background-color: #FEEFB3;
+	margin: 5px 0;
+	margin-bottom: 20px;
+	padding: 10px;
+	border-radius: 5px 5px 5px 5px;
+	border: 2px solid transparent;
+	border-color: transparent;
+}
+</style>
+
+<div class="warning-msg">
+	<i class="fa fa-warning"></i>
+	${1:warning text}
+</div>
+$0
+endsnippet
+
+snippet error "error box"
+<style type="text/css">
+@import url('//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css');
+
+.error-msg {
+	color: #D8000C;
+	background-color: #FFBABA;
+	margin: 5px 0;
+	margin-bottom: 20px;
+	padding: 10px;
+	border-radius: 5px 5px 5px 5px;
+	border: 2px solid transparent;
+	border-color: transparent;
+}
+</style>
+
+<div class="error-msg">
+	<i class="fa fa-times-circle"></i>
+	${1:error text}
+</div>
+$0
+endsnippet
+
+snippet success "success box"
+<style type="text/css">
+@import url('//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css');
+
+.success-msg {
+	color: #270;
+	background-color: #DFF2BF;
+	margin: 5px 0;
+	margin-bottom: 20px;
+	padding: 10px;
+	border-radius: 5px 5px 5px 5px;
+	border: 2px solid transparent;
+	border-color: transparent;
+}
+</style>
+
+<div class="success-msg">
+	<i class="fa fa-check"></i>
+	${1:success text}
+</div>
+$0
+endsnippet