KAW-8233: header hightlight on active

Netcentric · Oct 29, 2024 · a9ebd09 · a9ebd09
1 parent 86b7e47
commit a9ebd09
Showing 1 changed file with 18 additions and 0 deletions.
diff --git a/blocks/header/header.css b/blocks/header/header.css
@@ -47,6 +47,10 @@ header a:hover {
   color: var(--action-hover);
 }
 
+header a.active {
+  color: var(--action-default);
+}
+
 /* brand */
 header .nav-brand {
   flex-grow: 1;
@@ -427,6 +431,20 @@ header.transparent nav[aria-expanded="true"] .nav-link-section a.nav-drop-text {
     background: currentcolor;
   }
 
+  header.transparent li:not(nav-drop):has(a.active) {
+    position: relative;
+  }
+
+  header.transparent li:not(nav-drop):has(a.active)::after {
+    content: "";
+    display: block;
+    width: 100%;
+    height: 1px;
+    position: absolute;
+    bottom: 0;
+    background: var(--white);
+  }
+
   /* expanded menu item content */
   header .nav-sections .nav-drop .nav-sublist {
     position: fixed;