Skip to content

Commit

Permalink
Browse files Browse the repository at this point in the history
Ungroup CSS selectors
  • Loading branch information
catalinred committed Oct 29, 2018
2 parents f066643 + 519848f commit 21b7ae2
Show file tree
Hide file tree
Showing 2 changed files with 26 additions and 6 deletions.
4 changes: 2 additions & 2 deletions css/style.css

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

28 changes: 24 additions & 4 deletions sass/style.scss
Expand Up @@ -101,8 +101,7 @@ $gutter: 10px; // Base gutter
text-transform: uppercase;
}

&:hover,
&:focus-within {
&:hover {
> ul {
opacity: 1;
visibility: visible;
Expand All @@ -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 {
Expand Down Expand Up @@ -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;
}
}
}

Expand Down

0 comments on commit 21b7ae2

Please sign in to comment.