From 8a7f3fc16a511e6c5917c0e25cba1f6163659264 Mon Sep 17 00:00:00 2001 From: Henry Jameson Date: Mon, 13 Jan 2020 20:40:16 +0200 Subject: selectedPost and selectedMenu support --- src/components/nav_panel/nav_panel.vue | 20 ++++++++++---------- 1 file changed, 10 insertions(+), 10 deletions(-) (limited to 'src/components/nav_panel/nav_panel.vue') diff --git a/src/components/nav_panel/nav_panel.vue b/src/components/nav_panel/nav_panel.vue index 0886bf8c..afc611ea 100644 --- a/src/components/nav_panel/nav_panel.vue +++ b/src/components/nav_panel/nav_panel.vue @@ -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; -- cgit v1.2.3-70-g09d2