Recount-Server/web/sass/nav.scss

51 lines
1.1 KiB
SCSS
Raw Normal View History

header {
2024-01-14 18:00:51 -08:00
background-color: var(--#{$prefix}-nav-bg);
height: 30px;
width: 100%;
margin-top: 10px;
margin-bottom: 10px;
2024-01-15 19:26:51 -08:00
border-radius: $border-radius;
}
2024-01-12 21:59:19 -08:00
nav {
display: flex;
flex-direction: column;
2024-01-12 21:59:19 -08:00
2024-01-14 18:00:51 -08:00
a#logo-a {
font-size: 12pt;
pointer-events: none;
color: var(--#{$prefix}-nav-color);
background-color: var(--#{$prefix}-nav-logo-bg);
}
2024-01-12 21:59:19 -08:00
ul {
margin: 0;
padding: 0;
list-style: none;
padding-left: 0;
2024-01-12 21:59:19 -08:00
}
li {
2024-01-14 18:00:51 -08:00
margin-top: 8px;
margin-bottom: 8px;
2024-01-12 21:59:19 -08:00
}
a.active {
pointer-events: none;
2024-01-14 18:00:51 -08:00
background-color: var(--#{$prefix}-nav-active-bg);
color: var(--#{$prefix}-nav-active-color);
2024-01-12 21:59:19 -08:00
}
a {
transition: background-color $hl-trn-spd ease-in, color $hl-trn-spd ease-in;
border-radius: 5px;
text-align: center;
2024-01-14 18:00:51 -08:00
padding: 6px 0px;
display: inline-block;
cursor: pointer;
2024-01-14 18:00:51 -08:00
color: var(--#{$prefix}-nav-color);
width: 100%;
2024-01-12 21:59:19 -08:00
text-decoration: none;
}
a:hover {
2024-01-14 18:00:51 -08:00
background-color: var(--#{$prefix}-nav-hover);
2024-01-12 21:59:19 -08:00
}
}
2024-01-24 18:58:29 -08:00