MDL-56272 theme_boost: Differentiate between freeze and hardFreeze
[moodle.git] / theme / boost / scss / moodle / drawer.scss
CommitLineData
99061152
DW
1/* Anchor link offset fix. This makes hash links scroll 60px down to account for the fixed header. */
2$fixed-header-y: $navbar-height;
3
4$drawer-width: 285px;
5$drawer-padding-x: 20px;
6$drawer-padding-y: 20px;
7$drawer-offscreen-gutter: 20px;
8
9:target {
10 padding-top: ($fixed-header-y + 30px) ! important; /* negative fixed header height */
11 margin-top: -$fixed-header-y ! important; /* negative fixed header height */
12}
13
14#nav-drawer.closed {
0a58ec24 15 left: -($drawer-width + $drawer-offscreen-gutter);
99061152
DW
16}
17#page {
18 margin-top: $navbar-height;
19}
20
21/* Use a variable for the drawer background colors. */
22$drawer-bg: $gray-lighter !default;
23
24[data-region="drawer"] {
25 position: fixed;
26 padding: $drawer-padding-x $drawer-padding-y;
27 width: $drawer-width;
28 top: $fixed-header-y;
29 height: 100%;
30 overflow-y: scroll;
31 -webkit-overflow-scrolling: touch;
32 z-index: $zindex-dropdown - 1;
33 background-color: $drawer-bg;
34 -webkit-transition: right 0.5s ease, left 0.5s ease;
35 -moz-transition: right 0.5s ease, left 0.5s ease;
36 transition: right 0.5s ease, left 0.5s ease;
99061152
DW
37}
38#nav-drawer {
39 right: auto;
40 left: 0px;
41}
99061152
DW
42#page {
43 margin-top: $fixed-header-y;
44}
45body.drawer-ease {
46 -webkit-transition: margin-left 0.5s ease, margin-right 0.5s ease;
47 -moz-transition: margin-left 0.5s ease, margin-right 0.5s ease;
48 transition: margin-left 0.5s ease, margin-right 0.5s ease;
49}
50
51body.drawer-open-left {
0a58ec24 52 @include media-breakpoint-up(md) {
99061152
DW
53 margin-left: $drawer-width;
54 }
55}
56body.drawer-open-right {
0a58ec24 57 @include media-breakpoint-up(md) {
99061152
DW
58 margin-right: $drawer-width;
59 }
60}