improve styling

2020-04-18 23:00:47 +02:00
parent 10fd993f44
commit 66b127168a
5 changed files with 51 additions and 8 deletions
--- a/docs/src/templates/DocPage/style.scss
+++ b/docs/src/templates/DocPage/style.scss
@@ -1,18 +1,49 @@
 .doc-page {
  &__markdown ::v-deep {

-    h1 {
-      font-weight: 400;
-    }
-
+    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
+      position: relative;
      font-weight: 500;
    }

+    h1 {
+      font-weight: 400;
+    }
+
+    h1,
+    h4,
+    h5,
+    h6 {
+      a {
+        display: none;
+      }
+    }
+
+    h2,
+    h3 {
+      position: relative;
+
+      a {
+        position: absolute;
+        top: 0;
+        right: 100%;
+        color: rgba($colorBlack, 0.4);
+        font-weight: 400;
+        padding-right: 0.5rem;
+        opacity: 0;
+        transition: opacity 0.1s $ease;
+      }
+
+      &:hover a {
+        opacity: 1;
+      }
+    }
+
    > * + * {
      margin-top: 1.5em;
    }