Fix text color on highlight button (#619)

verdigado · May 27, 2024 · e5e94e2 · e5e94e2
1 parent 6685f29
commit e5e94e2
Showing 1 changed file with 29 additions and 46 deletions.
diff --git a/sass/_navigation.scss b/sass/_navigation.scss
@@ -126,7 +126,7 @@
         .navbar-nav {
             align-items: center;
 
-            > .nav-item {
+            >.nav-item {
 
                 border-bottom: 4px solid transparent;
 
@@ -136,58 +136,48 @@
                         border-bottom: 4px solid $secondary;
                     }
                 }
-            }
-
-            .button-highlight {
-                background-color: $secondary;
-                cursor: pointer;
-                padding: 0 0.5rem;
-                margin: 0.2rem;
-                border-radius: 9999px;
-                order: 0;
-                white-space: nowrap;
-                max-height: 4em;
 
-                a.nav-link {
-                    color: $white;
-                }
+                &.menu-item-has-children {
 
-                &:hover {
-
-                    a.nav-link {
+                    .submenu-opener {
                         color: $black;
+                        font-size: 18px;
                     }
-                    background-color: map-get($custom-colors, "sonne");
-                    border-bottom: 4px solid $white;
                 }
 
-            }
-
-            .current-page-ancestor,
-            .current-menu-parent,
-            .current-menu-item.active {
+                &.button-highlight {
 
-                a.nav-link {
-                    color: $primary;
+                    a {
 
-                    &:hover {
-                        color: $black;
+                        &.nav-link {
+                            color: $white;
+                        }
                     }
-                }
-            }
 
-            .current-menu-parent {
+                    &.menu-item-has-children {
 
-                .current_page_item > a {
-                    color: $primary;
+                        .submenu-opener {
+                            color: $white;
+                        }
 
-                    &:hover {
-                        color: $white;
                     }
                 }
 
             }
 
+            .button-highlight {
+                background-color: $secondary;
+                cursor: pointer;
+                padding: 0 0.5rem;
+                margin: 0.2rem;
+                border-radius: 9999px;
+                order: 0;
+                white-space: nowrap;
+                max-height: 4em;
+
+            }
+
+
             .nav-link {
                 color: $body-color;
                 font-size: 18px;
@@ -220,7 +210,7 @@
         box-shadow: none;
     }
 
-    > .close {
+    >.close {
         display: block;
     }
 }
@@ -356,7 +346,7 @@
 
 #mainmenu {
 
-    > li {
+    >li {
         text-transform: uppercase;
 
         &.menu-item-has-children {
@@ -376,18 +366,11 @@
                 display: block;
             }
 
-            .submenu-opener {
-                flex: auto;
-                color: $black;
-                font-size: 18px;
-                text-align: end;
-            }
-
             .dropdown-menu {
                 flex: 100%;
                 top: 100%;
 
-                > ul {
+                >ul {
                     margin-top: 20px;
                 }
             }