Shade navbar items when hovered

2025-10-06 16:53:42 -05:00
parent 41a189fc39
commit 8d46ce60bd
2 changed files with 12 additions and 1 deletions
--- a/scss/bootstrap/_navbar.scss
+++ b/scss/bootstrap/_navbar.scss
@@ -1,9 +1,18 @@
-.navbar {
+.essence-navbar.navbar {
  z-index: 1040;
  background-image: none;

  .nav-link {
+    border-radius: 0.5rem;
    white-space: nowrap;
+
+    &:hover {
+      @include media-breakpoint-up(md) {
+        background-color: $secondary-25;
+      }
+
+      color: black;
+    }
  }

  &.navbar-dark {