Fix top nav underline positioning and size (#9790)

2023-02-10 12:51:15 -06:00
parent 0ddd0d64f7
commit 59fd2a6192
1 changed files with 10 additions and 10 deletions
@@ -83,24 +83,24 @@
  }

  &--active {
-    border-bottom: 4px solid $core-vibrant-blue;
    background-color: $site-nav-on-hover;

+    &::after {
+      content: '';
+      position: absolute;
+      bottom: 0;
+      left: 0;
+      width: 100%;
+      height: 3px;
+      background-color: $core-vibrant-blue;
+    }
+
    &:hover {
      background-color: $site-nav-on-hover;
    }

-    .site-nav-item__link {
-      padding-bottom: 12px;
-    }
-
    .site-nav-item__name {
      font-weight: $bold;
    }
-
-    .site-nav-item__logo img {
-      position: relative;
-      top: 4px;
-    }
  }
 }