diff options
Diffstat (limited to 'src/components/nav_panel/nav_panel.vue')
| -rw-r--r-- | src/components/nav_panel/nav_panel.vue | 64 |
1 files changed, 32 insertions, 32 deletions
diff --git a/src/components/nav_panel/nav_panel.vue b/src/components/nav_panel/nav_panel.vue index 43b4c3dc..04ac5738 100644 --- a/src/components/nav_panel/nav_panel.vue +++ b/src/components/nav_panel/nav_panel.vue @@ -33,51 +33,51 @@ @import '../../_variables.scss'; .nav-panel ul { - list-style: none; - margin: 0; - padding: 0; + list-style: none; + margin: 0; + padding: 0; } .nav-panel li { - border-bottom: 1px solid; - border-color: $fallback--border; - border-color: var(--border, $fallback--border); - background-color: $fallback--bg; - background-color: var(--bg, $fallback--bg); - padding: 0; + border-bottom: 1px solid; + border-color: $fallback--border; + border-color: var(--border, $fallback--border); + background-color: $fallback--bg; + background-color: var(--bg, $fallback--bg); + padding: 0; - &:first-child a { - border-top-right-radius: 10px; - border-top-left-radius: 10px; - } + &:first-child a { + border-top-right-radius: 10px; + border-top-left-radius: 10px; + } - &:last-child a { - border-bottom-right-radius: 10px; - border-bottom-left-radius: 10px; - } + &:last-child a { + border-bottom-right-radius: 10px; + border-bottom-left-radius: 10px; + } } .nav-panel li:last-child { - border: none; + border: none; } .nav-panel a { - display: block; - padding: 0.8em 0.85em; + display: block; + padding: 0.8em 0.85em; - &:hover { - background-color: $fallback--lightBg; - background-color: var(--lightBg, $fallback--lightBg); - } + &:hover { + background-color: $fallback--lightBg; + background-color: var(--lightBg, $fallback--lightBg); + } - &.router-link-active { - font-weight: bolder; - background-color: $fallback--lightBg; - background-color: var(--lightBg, $fallback--lightBg); + &.router-link-active { + font-weight: bolder; + background-color: $fallback--lightBg; + background-color: var(--lightBg, $fallback--lightBg); - &:hover { - text-decoration: underline; - } + &:hover { + text-decoration: underline; } - } + } +} </style> |