From 15f1faae8a909532c68ddebfb3a0d2c78af24a3c Mon Sep 17 00:00:00 2001
From: Patrick Marsceill <patrick.marsceill@gmail.com>
Date: Tue, 13 Aug 2019 16:23:38 -0400
Subject: [PATCH] Anchor heading css

---
 _sass/anchor_headings.scss | 12 ------------
 _sass/content.scss         | 30 ++++++++++++++++++++++++++++++
 2 files changed, 30 insertions(+), 12 deletions(-)
 delete mode 100644 _sass/anchor_headings.scss

diff --git a/_sass/anchor_headings.scss b/_sass/anchor_headings.scss
deleted file mode 100644
index da55202..0000000
--- a/_sass/anchor_headings.scss
+++ /dev/null
@@ -1,12 +0,0 @@
-a.anchor_heading {
-    visibility: hidden;
-}
-
-h1:hover > a.anchor_heading,
-h2:hover > a.anchor_heading,
-h3:hover > a.anchor_heading,
-h4:hover > a.anchor_heading,
-h5:hover > a.anchor_heading,
-h6:hover > a.anchor_heading {
-    visibility: visible;
-}
\ No newline at end of file
diff --git a/_sass/content.scss b/_sass/content.scss
index 7361bfc..0ea0629 100644
--- a/_sass/content.scss
+++ b/_sass/content.scss
@@ -111,4 +111,34 @@
     margin-left: 1em;
     font-weight: 500;
   }
+
+  .anchor-heading {
+    fill: $link-color;
+    visibility: hidden;
+
+    @include mq(md) {
+      position: absolute;
+      left: -$sp-5;
+      width: $sp-5;
+      height: 100%;
+    }
+  }
+
+  h1:hover > .anchor-heading,
+  h2:hover > .anchor-heading,
+  h3:hover > .anchor-heading,
+  h4:hover > .anchor-heading,
+  h5:hover > .anchor-heading,
+  h6:hover > .anchor-heading {
+    visibility: visible;
+  }
+
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6 {
+    position: relative;
+  }
 }