Improve headings anchors.

This commit is contained in:
Fredrik Jonsson 2026-06-05 12:50:36 +02:00
commit 327590df73

View file

@ -1,24 +1,19 @@
/* Anchor */
/* TODO: Implement anchor-positioning when uptake is good. */
.anchor {
--anchor-gap: 0.5rem;
--anchor-opacity: 0.4;
display: grid;
grid-template-columns: auto auto;
justify-content: start;
align-items: baseline;
gap: var(--anchor-gap);
a {
& > a {
opacity: 0;
text-decoration: none;
width: fit-content;
padding-inline-start: var(--anchor-gap);
}
&:has(:focus-visible),
&:hover {
a {
& > a {
opacity: var(--anchor-opacity);
&:focus-visible,
@ -27,8 +22,8 @@
}
}
}
}
p:has(+ .anchor) {
margin-block-end: 0;
svg {
display: inline;
}
}