TheThomaas/11ty-resume
1
0
Fork 0
Code Issues 1 Pull requests Packages Projects Releases Wiki Activity

Use underline style in header

Browse source
This commit is contained in:
TheThomaas 2025-06-09 10:21:39 +02:00
parent 2abbdf84a4
commit 0d11cad3a8
1 changed files with 14 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

22
src/css/header.css
View file

@ -25,14 +25,20 @@ header nav li {
header nav a {
text-underline-offset: 0.4rem;
text-decoration: none;
position: relative;
}
header nav a:hover {
text-decoration: underline;
text-decoration-thickness: 0.12rem;
}
header nav a:hover,
header nav a[aria-current="page"] {
color: var(--text-2);
font-weight: var(--font-weight-semibold);
text-decoration: underline;
text-decoration-thickness: 0.12rem;
color: var(--color-secondary-950);
text-shadow: 1px 0 0 currentColor;
}
header nav a:hover::after,
header nav a[aria-current="page"]:after {
content: "";
background: no-repeat url("/line.svg");
position: absolute;
height: 7px;
width: 100%;
bottom: -6px;
left: 0;
}