deepState/tabi-lean
3
0
Fork 0
forked from deepStateMirrors/tabi
Code Issues 1 Pull requests Activity

💄 style: set custom header anchor

Browse source
This commit is contained in:
welpo 2023-06-18 23:13:37 +02:00
parent c47198facf
commit 5bdb8045a6
No known key found for this signature in database
GPG key ID: A2F978CF4EC1F5A6
4 changed files with 42 additions and 35 deletions
Download patch file Download diff file Expand all files Collapse all files

36
sass/parts/_misc.scss
View file

@ -25,40 +25,6 @@ iframe {
margin-bottom: 3vmin;
}
.zola-anchor {
font-size: 1rem;
position: absolute;
margin-left: -1.9em;
padding-right: 0.45em;
padding-left: 0.4em;
opacity: 0;
user-select: none;
}
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 .zola-anchor:hover,
h2 .zola-anchor:hover,
h3 .zola-anchor:hover,
h4 .zola-anchor:hover,
h5 .zola-anchor:hover,
h6 .zola-anchor:hover {
background-color: transparent;
}
@media (max-width: 500px) {
.zola-anchor {
display: none;
}
}
ul {
margin-top: 0;
}
@ -119,7 +85,7 @@ a:hover {
color: var(--hover-color);
}
a:not(.no-hover-padding, .zola-anchor)::before {
a:not(.no-hover-padding)::before {
content: "";
position: absolute;
top: 0;