From 56b886afbf21e0b79e3ad8005a37d7ea46d1c0c0 Mon Sep 17 00:00:00 2001
From: Hans Pagel <hans.pagel@ueber.io>
Date: Wed, 2 Dec 2020 16:05:21 +0100
Subject: [PATCH] add list styling

---
 docs/src/demos/Nodes/BulletList/index.vue  | 14 +++++++++
 docs/src/demos/Nodes/ListItem/index.vue    | 33 ----------------------
 docs/src/demos/Nodes/OrderedList/index.vue | 14 +++++++++
 3 files changed, 28 insertions(+), 33 deletions(-)

diff --git a/docs/src/demos/Nodes/BulletList/index.vue b/docs/src/demos/Nodes/BulletList/index.vue
index e89cf01dd..a811968d7 100644
--- a/docs/src/demos/Nodes/BulletList/index.vue
+++ b/docs/src/demos/Nodes/BulletList/index.vue
@@ -51,3 +51,17 @@ export default {
   },
 }
 </script>
+
+<style lang="scss">
+/* Basic editor styles */
+.ProseMirror {
+  > * + * {
+    margin-top: 0.75em;
+  }
+
+  ul,
+  ol {
+    padding: 0 1rem;
+  }
+}
+</style>
diff --git a/docs/src/demos/Nodes/ListItem/index.vue b/docs/src/demos/Nodes/ListItem/index.vue
index 31b858cd4..3f9c6d409 100644
--- a/docs/src/demos/Nodes/ListItem/index.vue
+++ b/docs/src/demos/Nodes/ListItem/index.vue
@@ -83,38 +83,5 @@ export default {
   ol {
     padding: 0 1rem;
   }
-
-  code {
-    background-color: rgba(#616161, 0.1);
-    color: #616161;
-  }
-
-  pre {
-    background: #0D0D0D;
-    color: #FFF;
-    font-family: 'JetBrainsMono', monospace;
-    padding: 0.75rem 1rem;
-    border-radius: 0.5rem;
-
-    code {
-      color: inherit;
-      background: none;
-      font-size: 0.8rem;
-    }
-  }
-
-  img {
-    max-width: 100%;
-    height: auto;
-  }
-
-  hr {
-    margin: 1rem 0;
-  }
-
-  blockquote {
-    padding-left: 1rem;
-    border-left: 2px solid rgba(#0D0D0D, 0.1);
-  }
 }
 </style>
diff --git a/docs/src/demos/Nodes/OrderedList/index.vue b/docs/src/demos/Nodes/OrderedList/index.vue
index 578ff4351..9cef69c20 100644
--- a/docs/src/demos/Nodes/OrderedList/index.vue
+++ b/docs/src/demos/Nodes/OrderedList/index.vue
@@ -56,3 +56,17 @@ export default {
   },
 }
 </script>
+
+<style lang="scss">
+/* Basic editor styles */
+.ProseMirror {
+  > * + * {
+    margin-top: 0.75em;
+  }
+
+  ul,
+  ol {
+    padding: 0 1rem;
+  }
+}
+</style>