1
 2/**
 3 * Menus
 4 * --------------------------------------------------
 5 * Side panel structure
 6 */
 7
 8.menu {
 9  position: absolute;
10  top: 0;
11  bottom: 0;
12  z-index: $z-index-menu;
13  overflow: hidden;
14
15  min-height: 100%;
16  max-height: 100%;
17  width: $menu-width;
18
19  background-color: $menu-bg;
20
21  .scroll-content {
22    z-index: $z-index-menu-scroll-content;
23  }
24
25  .bar-header {
26    z-index: $z-index-menu-bar-header;
27  }
28}
29
30.menu-content {
31  @include transform(none);
32  box-shadow: $menu-side-shadow;
33}
34
35.menu-open .menu-content .pane,
36.menu-open .menu-content .scroll-content {
37  pointer-events: none;
38}
39.menu-open .menu-content .scroll-content .scroll {
40  pointer-events: none;
41}
42.menu-open .menu-content .scroll-content:not(.overflow-scroll) {
43  overflow: hidden;
44}
45
46.grade-b .menu-content,
47.grade-c .menu-content {
48  @include box-sizing(content-box);
49  right: -1px;
50  left: -1px;
51  border-right: 1px solid #ccc;
52  border-left: 1px solid #ccc;
53  box-shadow: none;
54}
55
56.menu-left {
57  left: 0;
58}
59
60.menu-right {
61  right: 0;
62}
63
64.aside-open.aside-resizing .menu-right {
65  display: none;
66}
67
68.menu-animated {
69  @include transition-transform($menu-animation-speed ease);
70}