Use white color for highlighted items

trendmicro-frontend · Apr 26, 2018 · 0eca464 · 0eca464
1 parent b602234
commit 0eca464
Showing 1 changed file with 12 additions and 5 deletions.
diff --git a/src/sidenav-navitem.styl b/src/sidenav-navitem.styl
@@ -39,6 +39,9 @@
     &.highlighted > .navitem .navicon,
     &.highlighted > .navitem .navtext {
         color: #fff;
+        > * {
+            color: #fff;
+        }
     }
 
     > .navitem {
@@ -70,6 +73,14 @@
         }
     }
 
+    > .navitem .navicon,
+    > .navitem .navtext {
+        color: #f9dcdd;
+        > * {
+            color: #f9dcdd;
+        }
+    }
+
     > .navitem .navicon {
         display: block;
         float: left;
@@ -83,12 +94,8 @@
         opacity: .7;
         line-height: 50px;
         text-align: center;
-
-        color: #f9dcdd;
-        > * {
-            color: #f9dcdd;
-        }
     }
+
     > .navitem .navicon + .navtext {
         display: none;
     }