add styling for active menu items

This commit is contained in:
Mark Moser 2018-10-07 14:32:23 -05:00
parent 82e73ecf2d
commit 4a375a595d
3 changed files with 11 additions and 2 deletions

View File

@ -26,12 +26,21 @@
color: $di-purple; color: $di-purple;
font-weight: 700; font-weight: 700;
.current-menu-item &,
&:hover, &:hover,
&:active { &:active {
background-color: $di-purple; background-color: $di-purple;
color: $copy-light; color: $copy-light;
} }
} }
.current-menu-item {
a {
background-color: rgba($di-purple, 0.8);
color: $copy-light;
pointer-events: none;
}
}
} }
@media screen and (max-width: #{$screen-tablet - 1}) { @media screen and (max-width: #{$screen-tablet - 1}) {

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long