summaryrefslogtreecommitdiff
path: root/www/lib/ionic/scss/_menu.scss
blob: 174667586b45f2aa67308a17c0280b560d4e003a (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70

/**
 * Menus
 * --------------------------------------------------
 * Side panel structure
 */

.menu {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: $z-index-menu;
  overflow: hidden;

  min-height: 100%;
  max-height: 100%;
  width: $menu-width;

  background-color: $menu-bg;

  .scroll-content {
    z-index: $z-index-menu-scroll-content;
  }

  .bar-header {
    z-index: $z-index-menu-bar-header;
  }
}

.menu-content {
  @include transform(none);
  box-shadow: $menu-side-shadow;
}

.menu-open .menu-content .pane,
.menu-open .menu-content .scroll-content {
  pointer-events: none;
}
.menu-open .menu-content .scroll-content .scroll {
  pointer-events: none;
}
.menu-open .menu-content .scroll-content:not(.overflow-scroll) {
  overflow: hidden;
}

.grade-b .menu-content,
.grade-c .menu-content {
  @include box-sizing(content-box);
  right: -1px;
  left: -1px;
  border-right: 1px solid #ccc;
  border-left: 1px solid #ccc;
  box-shadow: none;
}

.menu-left {
  left: 0;
}

.menu-right {
  right: 0;
}

.aside-open.aside-resizing .menu-right {
  display: none;
}

.menu-animated {
  @include transition-transform($menu-animation-speed ease);
}