feat: add the color shortcode (#5)

Author: razonyang

assets/hb/modules/shortcodes/scss/_color.scss

@@ -0,0 +1,12 @@
+.hb-color {
+  &::after {
+    content: '';
+    background: var(--color);
+    border: 1px solid var(--#{$prefix}dark);
+    display: inline-block;
+    height: 0.8rem;
+    margin-left: .125rem;
+    width: 0.8rem;
+    vertical-align: -0.125rem;
+  }
+}

assets/hb/modules/shortcodes/scss/index.scss

@@ -1 +1,2 @@
+@import 'color';
 @import 'spoiler-tag';

layouts/shortcodes/color.html

@@ -0,0 +1,4 @@
+{{- $color := .Get 0 }}
+<code
+  class="hb-color user-select-all"
+  style="--color: {{ $color }};">{{ $color }}</code>