Added anchors for document headings

2016-05-29 15:22:33 -07:00
parent 249c67011a
commit 4f630aadc8
5 changed files with 57 additions and 2 deletions
--- a/src/components/Document/Document.scss
+++ b/src/components/Document/Document.scss
@@ -2,3 +2,28 @@
  width: 100%;
  padding: 20px;
 }
+
+.document {
+  h1, h2, h3, h4, h5, h6 {
+    :global {
+      .anchor {
+        visibility: hidden;
+        background-image: url('../../assets/icons/anchor.svg');
+        background-repeat: no-repeat;
+        background-size: 100%;
+        background-position: 0 center;
+        margin-left: -26px;
+        width: 20px;
+        display: inline-block;
+      }
+    }
+
+    &:hover {
+      :global {
+        .anchor {
+          visibility: visible;
+        }
+      }
+    }
+  }
+}