From b6004c359f7f476109042e192dce6fff8908a6ac Mon Sep 17 00:00:00 2001
From: Daniel N <2color@users.noreply.github.com>
Date: Tue, 23 Aug 2022 19:17:18 +0200
Subject: [PATCH] Add callout and other custom markdown containers

---
 src/.vuepress/config.js                       | 21 ++++++++++++++++
 .../theme/styles/components/index.css         | 24 +++++++++++++++++++
 2 files changed, 45 insertions(+)

diff --git a/src/.vuepress/config.js b/src/.vuepress/config.js
index d28d24ad..ca898a8a 100644
--- a/src/.vuepress/config.js
+++ b/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],
   ],
diff --git a/src/.vuepress/theme/styles/components/index.css b/src/.vuepress/theme/styles/components/index.css
index 27a08722..75aab55f 100644
--- a/src/.vuepress/theme/styles/components/index.css
+++ b/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;
+}
\ No newline at end of file