Add background effect to active menu page
This commit is contained in:
parent
3e9e6f2f14
commit
e6d5a4f1ea
|
@ -131,10 +131,14 @@ menu {
|
||||||
transition: background-color .1s ease-in-out;
|
transition: background-color .1s ease-in-out;
|
||||||
@include disable-default-a-behaviour;
|
@include disable-default-a-behaviour;
|
||||||
|
|
||||||
&:hover, &.focus-visible {
|
&.active {
|
||||||
background-color: rgba(255, 255, 255, 0.15);
|
background-color: rgba(255, 255, 255, 0.15);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
&:hover, &.focus-visible {
|
||||||
|
background-color: rgba(255, 255, 255, 0.10);
|
||||||
|
}
|
||||||
|
|
||||||
.icon {
|
.icon {
|
||||||
@include icon(22px);
|
@include icon(22px);
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue