Skip to content

Commit 21b7ae2

Browse files
committed
Ungroup CSS selectors
2 parents f066643 + 519848f commit 21b7ae2

File tree

2 files changed

+26
-6
lines changed

2 files changed

+26
-6
lines changed

css/style.css

Lines changed: 2 additions & 2 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

sass/style.scss

Lines changed: 24 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -101,8 +101,7 @@ $gutter: 10px; // Base gutter
101101
text-transform: uppercase;
102102
}
103103

104-
&:hover,
105-
&:focus-within {
104+
&:hover {
106105
> ul {
107106
opacity: 1;
108107
visibility: visible;
@@ -113,6 +112,20 @@ $gutter: 10px; // Base gutter
113112
color: #fff;
114113
}
115114
}
115+
116+
// Duplicate stuff due to
117+
// https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/16651302/
118+
&:focus-within {
119+
> ul {
120+
opacity: 1;
121+
visibility: visible;
122+
margin: 0;
123+
}
124+
125+
> a {
126+
color: #fff;
127+
}
128+
}
116129
}
117130

118131
&__hasDropdown:before {
@@ -171,12 +184,19 @@ $gutter: 10px; // Base gutter
171184
width: 100%;
172185
border-color: lighten($baseMenuBackground, 15%);
173186

174-
&:hover,
175-
&:focus-within {
187+
&:hover {
176188
background-color: $secondaryMenuBackground;
177189
border-color: $secondaryMenuBackground;
178190
color: #fff;
179191
}
192+
193+
// Duplicate stuff due to
194+
// https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/16651302/
195+
&:focus-within {
196+
background-color: $secondaryMenuBackground;
197+
border-color: $secondaryMenuBackground;
198+
color: #fff;
199+
}
180200
}
181201
}
182202

0 commit comments

Comments
 (0)