From 1cbe32a357c5ef6170f9d034000df84e283c9a91 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Philipp=20Ku=CC=88hn?= <kontakt@philipp-kuehn.com>
Date: Sat, 18 Apr 2020 17:54:00 +0200
Subject: [PATCH] improve styling

---
 docs/gridsome.config.js               |  2 +-
 docs/src/layouts/App/prism.scss       |  1 -
 docs/src/templates/DocPage.vue        |  5 -----
 docs/src/templates/DocPage/index.vue  |  9 +++++++++
 docs/src/templates/DocPage/style.scss | 17 +++++++++++++++++
 5 files changed, 27 insertions(+), 7 deletions(-)
 delete mode 100644 docs/src/templates/DocPage.vue
 create mode 100644 docs/src/templates/DocPage/index.vue
 create mode 100644 docs/src/templates/DocPage/style.scss

diff --git a/docs/gridsome.config.js b/docs/gridsome.config.js
index 3a88d422..48827a26 100644
--- a/docs/gridsome.config.js
+++ b/docs/gridsome.config.js
@@ -19,7 +19,7 @@ module.exports = {
       options: {
         typeName: 'DocPage',
         baseDir: './src/data/posts',
-        template: './src/templates/DocPage.vue',
+        template: './src/templates/DocPage',
         plugins: [
           '@gridsome/remark-prismjs',
         ],
diff --git a/docs/src/layouts/App/prism.scss b/docs/src/layouts/App/prism.scss
index efc91836..4cbd1d52 100644
--- a/docs/src/layouts/App/prism.scss
+++ b/docs/src/layouts/App/prism.scss
@@ -66,7 +66,6 @@ pre[class*="language-"] {
   position: relative;
   color: $codeText;
   background: $codeBg;
-  margin: 0.5em 0;
   padding: 1.2rem 1.5rem;
   border-radius: 0.5rem;
 }
diff --git a/docs/src/templates/DocPage.vue b/docs/src/templates/DocPage.vue
deleted file mode 100644
index df645881..00000000
--- a/docs/src/templates/DocPage.vue
+++ /dev/null
@@ -1,5 +0,0 @@
-<template>
-  <Layout>
-    <VueRemarkContent />
-  </Layout>
-</template>
\ No newline at end of file
diff --git a/docs/src/templates/DocPage/index.vue b/docs/src/templates/DocPage/index.vue
new file mode 100644
index 00000000..c25fa000
--- /dev/null
+++ b/docs/src/templates/DocPage/index.vue
@@ -0,0 +1,9 @@
+<template>
+  <Layout>
+    <div class="doc-page">
+      <VueRemarkContent class="doc-page__markdown" />
+    </div>
+  </Layout>
+</template>
+
+<style lang="scss" src="./style.scss" scoped></style>
\ No newline at end of file
diff --git a/docs/src/templates/DocPage/style.scss b/docs/src/templates/DocPage/style.scss
new file mode 100644
index 00000000..5eb78a38
--- /dev/null
+++ b/docs/src/templates/DocPage/style.scss
@@ -0,0 +1,17 @@
+.doc-page {
+  &__markdown ::v-deep {
+
+    h1,
+    h2,
+    h3,
+    h4,
+    h5,
+    h6 {
+      font-weight: 500;
+    }
+
+    > * + * {
+      margin-top: 1.5em;
+    }
+  }
+}
\ No newline at end of file