add styling for active menu items
This commit is contained in:
parent
82e73ecf2d
commit
4a375a595d
@ -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
Loading…
Reference in New Issue
Block a user