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 { header nav a {
text-underline-offset: 0.4rem; text-underline-offset: 0.4rem;
text-decoration: none; text-decoration: none;
position: relative;
} }
header nav a:hover { header nav a:hover,
text-decoration: underline;
text-decoration-thickness: 0.12rem;
}
header nav a[aria-current="page"] { header nav a[aria-current="page"] {
color: var(--text-2); color: var(--color-secondary-950);
font-weight: var(--font-weight-semibold); text-shadow: 1px 0 0 currentColor;
text-decoration: underline; }
text-decoration-thickness: 0.12rem; 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;
} }