💄 Add github alert blockquote in markdown.

assets/css/_common/components/post/index.scss

@@ -78,4 +78,4 @@
 @import 'post-footer';
 @import 'post-widgets';
 @import 'post-reward';
-@import 'post-followme';
+@import 'post-followme';

assets/css/_common/components/post/post-alert.scss

@@ -0,0 +1,36 @@
+
+@mixin alert-styles($type, $color) {
+  .post-alert-#{$type} {
+    padding: 0 0 0 10px;
+    border-left: 6px solid $color;
+    font-size: 0.825em;
+    color: $color;
+  }
+}
+
+@each $key, $color in $post_alert_colors {
+  @include alert-styles(#{$key}, $color);
+}
+
+.post-alert-title {
+
+  display: flex;
+  align-items: center;
+  line-height: 1.5;
+  margin: 0;
+
+  i {
+    font-size: 1.25em;
+    text-align: center;
+    vertical-align: middle;
+  }
+
+  span {
+    margin: 0 0 0 8px;
+    letter-spacing: 0.08em;
+  }
+}
+
+.post-alert-content {
+  color: var(--text-color);
+}

assets/css/_common/components/post/post-body.scss

@@ -85,4 +85,6 @@
   #more {
     visibility: hidden;
   }
+
+@import 'post-alert';
 }

assets/css/main.scss

@@ -87,6 +87,7 @@ $reward_settings_animation  : {{ $P.rewardSets.animation }};
 $post_end_tag_icon          : {{ $P.postFooter.tagIcon }};
 $post_share_enable          : {{ $P.share.enable }};
 $post_sharethis_set         : {{ isset $P.share "sharethis" }};
+$post_alert_colors          : ({{ range $key, $value := $P.postAlerts }} {{ $key }}: {{ $value.color }}, {{ end }});
 
 // TODO find the paramters
 $text_align_desktop         : {{ $P.textAlign.desktop }};