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 da552025..00000000
--- 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 7361bfc5..0ea06291 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;
+ }
}
--
GitLab