45 lines
1 KiB
SCSS
45 lines
1 KiB
SCSS
/// sidenav.scss -*- Mode: scss; indent-tabs-mode: nil; basic-offset: 2 -*-
|
|
|
|
$sidenav-desktop-width: (4 * $pitch);
|
|
$sidenav-min-space: $pitch;
|
|
//$sidenav-right-width: (8 * $pitch);
|
|
|
|
@import "extends";
|
|
|
|
md-sidenav {
|
|
overflow: inherit;
|
|
|
|
&._md-locked-open {
|
|
@include from(md) {
|
|
@include flex-col($breakpoint: md, $nb: 4, $grow: 1, $shrink: 0);
|
|
// Custom representation of a closed sidenav where the sidenav is pushed to the left;
|
|
// Used in in "locked open" mode.
|
|
&.md-sidenav-left {
|
|
transition: $swift-ease-out;
|
|
&.sg-close {
|
|
margin-right: -20vw; // See views/_views.scss
|
|
transform: translateX(-100%);
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
// MAIN SIDENAV, actually to the left
|
|
// ----------------------------------------------------------------------------
|
|
|
|
// Mailboxes tree
|
|
$i: 1;
|
|
@while $i < 12 {
|
|
.sg-child-level-#{$i} { padding-left: $mg * $i; }
|
|
$i: $i + 1;
|
|
}
|
|
|
|
[class^=sg-child-level] {
|
|
md-icon,
|
|
md-checkbox {
|
|
margin-right: $bl * 2;
|
|
max-width: 24px;
|
|
}
|
|
}
|