improve styling

2020-04-18 17:54:00 +02:00
parent 2529b9b76f
commit 1cbe32a357
5 changed files with 27 additions and 7 deletions
--- 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;
 }
--- a/docs/src/templates/DocPage.vue
+++ b/docs/src/templates/DocPage.vue
@@ -1,5 +0,0 @@
-<template>
-  <Layout>
-    <VueRemarkContent />
-  </Layout>
-</template>
--- a/docs/src/templates/DocPage/index.vue
+++ 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>
--- a/docs/src/templates/DocPage/style.scss
+++ 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;
+    }
+  }
+}