selectedPost and selectedMenu support
This commit is contained in:
parent
29a0b4a593
commit
8a7f3fc16a
7 changed files with 128 additions and 30 deletions
|
@ -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;
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue