Ungroup CSS selectors

catalinred · Oct 29, 2018 · 21b7ae23efeec6cba1ec8aeae495e206b58b529f · 21b7ae2
2 parents f066643 + 519848f
commit 21b7ae23efeec6cba1ec8aeae495e206b58b529f
Unified Split

Showing with 26 additions and 6 deletions.

+2 −2 css/style.css

+24 −4 sass/style.scss
diff --git a/css/style.css b/css/style.css
diff --git a/sass/style.scss b/sass/style.scss
@@ -101,8 +101,7 @@ $gutter: 10px;                      // Base gutter
       text-transform: uppercase; 
     }    
 
-    &:hover,
-    &:focus-within {
+    &:hover {
       > ul {
         opacity: 1;
         visibility: visible;
@@ -113,6 +112,20 @@ $gutter: 10px;                      // Base gutter
         color: #fff;
       }
     }
+
+    // Duplicate stuff due to 
+    // https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/16651302/
+    &:focus-within {
+      > ul {
+        opacity: 1;
+        visibility: visible;
+        margin: 0;        
+      }
+
+      > a {
+        color: #fff;
+      }
+    }    
   }
 
   &__hasDropdown:before { 
@@ -171,12 +184,19 @@ $gutter: 10px;                      // Base gutter
     width: 100%;
     border-color: lighten($baseMenuBackground, 15%);
 
-    &:hover,
-    &:focus-within {
+    &:hover {
       background-color: $secondaryMenuBackground;
       border-color: $secondaryMenuBackground;
       color: #fff;
     }
+
+    // Duplicate stuff due to 
+    // https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/16651302/    
+    &:focus-within {
+      background-color: $secondaryMenuBackground;
+      border-color: $secondaryMenuBackground;
+      color: #fff;
+    }    
   }
 }