add hover effect to <a>

This adds something like a color inversion when hovering <a> tags
which gives the user feedback and looks cool
This commit is contained in:
lilly 2025-12-12 12:25:48 +01:00
commit 44567a39e2
Signed by: lilly
SSH key fingerprint: SHA256:y9T5GFw2A20WVklhetIxG1+kcg/Ce0shnQmbu1LQ37g

View file

@ -48,6 +48,12 @@
a:link, a:visited { a:link, a:visited {
color: var(--accent-color); color: var(--accent-color);
padding-inline: 0.1ch;
&:hover:not(:has(img)) {
background-color: var(--accent-color);
color: white;
text-decoration: none;
}
} }
u { u {