2016-02-09 01:07:12 +03:00
|
|
|
@mixin open() {
|
2016-04-10 21:45:37 +03:00
|
|
|
transition-delay: $animation-delay;
|
2016-11-14 12:31:26 +03:00
|
|
|
.drawerContent {
|
|
|
|
pointer-events: all;
|
|
|
|
transition-delay: $animation-delay;
|
|
|
|
transform: translateX(0);
|
2016-04-10 21:45:37 +03:00
|
|
|
}
|
2016-02-09 01:07:12 +03:00
|
|
|
}
|
|
|
|
|
|
|
|
@mixin permanent() {
|
2016-04-10 21:45:37 +03:00
|
|
|
@include open();
|
2016-02-09 01:07:12 +03:00
|
|
|
|
2016-04-10 21:45:37 +03:00
|
|
|
width: $navigation-drawer-desktop-width;
|
|
|
|
max-width: $navigation-drawer-desktop-width;
|
2016-02-09 01:07:12 +03:00
|
|
|
|
2016-04-10 21:45:37 +03:00
|
|
|
&.wide {
|
|
|
|
width: $navigation-drawer-max-desktop-width;
|
|
|
|
max-width: $navigation-drawer-max-desktop-width;
|
|
|
|
}
|
2016-02-09 01:07:12 +03:00
|
|
|
|
2016-04-10 21:45:37 +03:00
|
|
|
&.active {
|
|
|
|
& > .scrim {
|
|
|
|
width: 0;
|
|
|
|
background-color: rgba($drawer-overlay-color, 0);
|
2016-02-09 01:07:12 +03:00
|
|
|
}
|
2016-04-10 21:45:37 +03:00
|
|
|
}
|
2016-02-09 01:07:12 +03:00
|
|
|
}
|