alexohneander/alexohneander-zola
1
0
Fork 0
Code Issues Pull Requests 2 Actions Packages Projects Releases Wiki Activity

✨ feat: add anchor header links on hover

Browse Source 
Closes #64
This commit is contained in:
welpo 2023-03-06 02:22:02 +01:00
parent 026a240536
commit 7532e0ab12
No known key found for this signature in database
GPG Key ID: A2F978CF4EC1F5A6
2 changed files with 26 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
content/blog/_index.md
View File

@ -4,4 +4,5 @@ path = "/blog"
title = "Blog"
sort_by = "date"
template = "section.html"
insert_anchor_links = "left"
+++

26
sass/parts/_misc.scss
View File

@ -31,6 +31,30 @@ iframe {
margin-bottom: 3vmin;
}
.zola-anchor {
font-size: 1rem;
position: absolute;
margin-left: -1.7em;
padding-right: 0.45em;
padding-left: 0.4em;
opacity: 0;
}
h1:hover .zola-anchor,
h2:hover .zola-anchor,
h3:hover .zola-anchor,
h4:hover .zola-anchor,
h5:hover .zola-anchor,
h6:hover .zola-anchor {
opacity: 1;
}
h1, h2, h3, h4, h5, h6{
a:hover {
background-color: transparent;
}
}
ul {
margin-top: 0;
}
@ -91,7 +115,7 @@ a:hover {
color: var(--hover-color);
}
a:not(.no-hover-padding)::before {
a:not(.no-hover-padding, .zola-anchor)::before {
content: "";
position: absolute;
top: 0;