style: Restoring menu highlights (#12024)

* restoring highlights

* fixing copypasta
This commit is contained in:
Evan Rusackas 2020-12-13 22:48:26 -08:00 committed by GitHub
parent 3e22668f8d
commit fee9bbe57b
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 10 additions and 9 deletions

View File

@ -99,12 +99,10 @@ const StyledHeader = styled.header`
padding-left: 12px;
}
.navbar-nav > li > a {
.navbar-inverse .navbar-nav > li > a {
color: ${({ theme }) => theme.colors.grayscale.dark1};
border-bottom: none;
&:focus {
border-bottom: none;
}
transition: background-color ${({ theme }) => theme.transitionTiming}s;
&:after {
content: '';
position: absolute;
@ -115,20 +113,23 @@ const StyledHeader = styled.header`
opacity: 0;
transform: translateX(-50%);
transition: all ${({ theme }) => theme.transitionTiming}s;
background-color: ${({ theme }) => theme.colors.primary.base};
}
&:focus {
border-bottom: none;
background-color: transparent;
/* background-color: ${({ theme }) => theme.colors.primary.light5}; */
}
&:hover {
color: ${({ theme }) => theme.colors.grayscale.dark1};
background-color: ${({ theme }) => theme.colors.primary.light5};
border-bottom: none;
margin: 0;
&:after {
opacity: 1;
width: 100%;
}
}
&:hover,
&:focus {
margin: 0;
}
}
.navbar-right {