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;
+  
+    }    
  }
 }