diff --git a/src/css/header.css b/src/css/header.css index 705a974..a94f7da 100644 --- a/src/css/header.css +++ b/src/css/header.css @@ -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; } \ No newline at end of file