Heaadings have a # on hover are actually links

This commit is contained in:
Konstantin 2024-08-24 12:01:00 +02:00
parent d03ff36185
commit 9073718616
2 changed files with 15 additions and 3 deletions

View file

@ -24,6 +24,18 @@
@apply border-klavender border-b-4;
}
a[href^="#"]::before {
@apply hover:visible;
content: "#";
display: inline-block;
font-size: 0.9em;
line-height: 1;
margin-left: -0.8em;
text-decoration: none;
visibility: hidden;
width: 0.8em;
}
h1 {
@apply mt-8 mb-6 text-2xl sm:text-4xl lg:text-4xl leading-none font-extrabold tracking-tight text-black dark:text-white;
}