feat: horizontal menu item active state

zuramai · Mar 30, 2023 · 7bafdb6 · 7bafdb6
1 parent 5c5519d
commit 7bafdb6
Showing 1 changed file with 7 additions and 0 deletions.
diff --git a/src/assets/scss/components/_navbar.scss b/src/assets/scss/components/_navbar.scss
@@ -139,6 +139,10 @@
                 .menu-link {
                     color: $gray-300;
                 }
+                &.active a {
+                    color: white;
+                    font-weight: bold;
+                }
                 &.has-sub .menu-link {
                     padding-right: 1.3rem;
                     &:after {
@@ -179,6 +183,9 @@
 
                 .submenu-item { 
                     position: relative;
+                    &.active .submenu-link {
+                        color: var(--bs-primary)
+                    }
                     &.has-sub .submenu-link {
                         position: relative;
                         &:after {