steve/just-the-docs
1
0
Fork 0
mirror of https://github.com/snachodog/just-the-docs.git synced 2025-09-13 13:23:32 -06:00
Code Issues Packages Projects Releases Wiki Activity

Anchor headings are now displayed on hover, not only on heading hover,

Browse Source 
Deduplicated anchor heading svg,
Anchor heading svg is now centered for heading
This commit is contained in:
Silvio Giebl
2019-08-15 14:18:40 +02:00
parent 418cf1d640
commit fdf4726320
2 changed files with 22 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
_sass/content.scss
View File

@@ -116,26 +116,37 @@
.anchor-heading {
position: absolute;
right: -$sp-3;
right: -$sp-4;
width: $sp-5;
height: 100%;
padding-right: $sp-1;
padding-left: $sp-1;
overflow: visible;
fill: $link-color;
visibility: hidden;
@include mq(md) {
right: auto;
left: -$sp-5;
}
svg {
display: inline-block;
width: 100%;
height: 100%;
fill: $link-color;
visibility: hidden;
}
}
.anchor-heading:hover,
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;
svg {
visibility: visible;
}
}
h1,