966c7dbf02
New look for the navbar and new functionality on mobile. Also includes new look for the mounts list and headers in secret engines.
96 lines
1.6 KiB
SCSS
96 lines
1.6 KiB
SCSS
.is-sidebar {
|
|
border-right: $base-border;
|
|
display: flex;
|
|
flex: 1 1 auto;
|
|
margin: 0.75rem 0.75rem 0.75rem 0;
|
|
padding: 0 0 0 0.75rem;
|
|
|
|
@include until($tablet) {
|
|
background-color: $white;
|
|
bottom: 0;
|
|
left: -1.5rem;
|
|
margin: 0;
|
|
max-width: $drawer-width;
|
|
padding: $spacing-m 0 0;
|
|
position: absolute;
|
|
right: $size-2;
|
|
transform: translateX(-100%);
|
|
transition: transform $speed;
|
|
top: 0;
|
|
z-index: 5;
|
|
}
|
|
|
|
&.is-active {
|
|
@include until($tablet) {
|
|
transform: translateX(0);
|
|
}
|
|
|
|
.menu-toggle {
|
|
left: auto;
|
|
right: $size-10;
|
|
}
|
|
}
|
|
|
|
.menu-toggle {
|
|
color: $blue;
|
|
cursor: pointer;
|
|
display: none;
|
|
margin-left: $size-10;
|
|
left: 100%;
|
|
position: absolute;
|
|
top: 0;
|
|
|
|
@include until($tablet) {
|
|
display: block;
|
|
}
|
|
|
|
.button {
|
|
min-width: 0;
|
|
}
|
|
}
|
|
|
|
.menu {
|
|
flex: 1 1 auto;
|
|
padding-top: 5.25rem;
|
|
position: relative;
|
|
|
|
@include until($tablet) {
|
|
padding-top: $size-6;
|
|
}
|
|
}
|
|
|
|
.menu-label {
|
|
color: $grey-light;
|
|
font-weight: $font-weight-bold;
|
|
font-size: $size-small;
|
|
line-height: 1;
|
|
margin-bottom: $size-8;
|
|
padding-left: $size-5;
|
|
}
|
|
|
|
.menu-list {
|
|
border-top: $base-border;
|
|
padding: $size-9 0;
|
|
|
|
@include until($tablet) {
|
|
padding-top: $size-4;
|
|
}
|
|
|
|
a {
|
|
color: $grey-dark;
|
|
padding-left: $size-5;
|
|
transition: 250ms border-width;
|
|
|
|
&.is-active {
|
|
border-right: 4px solid $blue;
|
|
}
|
|
}
|
|
|
|
.tag {
|
|
@include from($fullhd) {
|
|
float: right;
|
|
}
|
|
}
|
|
}
|
|
}
|