|
|
|
@ -100,23 +100,23 @@
|
|
|
|
|
|
|
|
|
|
&:hover {
|
|
|
|
|
background-color: $fallback--lightBg;
|
|
|
|
|
background-color: var(--lightBg, $fallback--lightBg);
|
|
|
|
|
background-color: var(--selectedMenu, $fallback--lightBg);
|
|
|
|
|
color: $fallback--link;
|
|
|
|
|
color: var(--lightBgText, $fallback--link);
|
|
|
|
|
--faint: var(--lightBgFaintText, $fallback--faint);
|
|
|
|
|
--faintLink: var(--lightBgFaintLink, $fallback--faint);
|
|
|
|
|
--icon: var(--lightBgIcon, $fallback--icon);
|
|
|
|
|
color: var(--selectedMenuText, $fallback--link);
|
|
|
|
|
--faint: var(--selectedMenuFaintText, $fallback--faint);
|
|
|
|
|
--faintLink: var(--selectedMenuFaintLink, $fallback--faint);
|
|
|
|
|
--icon: var(--selectedMenuIcon, $fallback--icon);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
&.router-link-active {
|
|
|
|
|
font-weight: bolder;
|
|
|
|
|
background-color: $fallback--lightBg;
|
|
|
|
|
background-color: var(--lightBg, $fallback--lightBg);
|
|
|
|
|
background-color: var(--selectedMenu, $fallback--lightBg);
|
|
|
|
|
color: $fallback--text;
|
|
|
|
|
color: var(--lightBgText, $fallback--text);
|
|
|
|
|
--faint: var(--lightBgFaintText, $fallback--faint);
|
|
|
|
|
--faintLink: var(--lightBgFaintLink, $fallback--faint);
|
|
|
|
|
--icon: var(--lightBgIcon, $fallback--icon);
|
|
|
|
|
color: var(--selectedMenuText, $fallback--text);
|
|
|
|
|
--faint: var(--selectedMenuFaintText, $fallback--faint);
|
|
|
|
|
--faintLink: var(--selectedMenuFaintLink, $fallback--faint);
|
|
|
|
|
--icon: var(--selectedMenuIcon, $fallback--icon);
|
|
|
|
|
|
|
|
|
|
&:hover {
|
|
|
|
|
text-decoration: underline;
|
|
|
|
|