Add callout and other custom markdown containers

src/.vuepress/config.js

@@ -249,6 +249,27 @@ module.exports = {
         countdown: 0,
       },
     ],
+    [
+      'vuepress-plugin-container',
+      {
+        type: 'callout',
+        defaultTitle: ''
+      }
+    ],
+    [
+      'vuepress-plugin-container',
+      {
+        type: 'right',
+        defaultTitle: ''
+      }
+    ],
+    [
+      'vuepress-plugin-container',
+      {
+        type: 'left',
+        defaultTitle: ''
+      }
+    ],
     'vuepress-plugin-chunkload-redirect',
     ['vuepress-plugin-ipfs', IPFS_DEPLOY],
   ],

src/.vuepress/theme/styles/components/index.css

@@ -29,3 +29,27 @@
 .hr-transparent {
   @apply bg-white opacity-60;
 }
+
+
+.custom-block.callout {
+  background-color: #cae8e8;
+	padding: 1rem 2rem;
+	border-color: #296161;
+	border-left-width: 0.5rem;
+	border-left-style: solid;
+}
+
+.custom-block.callout p {
+  line-height: 32px;
+}
+
+
+.custom-block.right {
+	float: right;
+	padding: 1em 0 1em 1em;
+}
+
+.custom-block.left {
+	float: left;
+	padding: 1em 1em 1em 0em;
+}