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; + } }