//
// Side panel structure
// Author: Adam Bradley <adam@drifty.com>

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

  // has to be scroll, not auto
  overflow-y: scroll;
  min-height: 100%;
  max-height: 100%;
  width: $menu-width;

  background-color: #fff;

  -webkit-overflow-scrolling: touch;
}

.menu-left { left: 0; }
.menu-right { right: 0; }

.menu-animated {
  -webkit-transition: -webkit-transform $menu-animation-speed ease;
  -moz-transition: -moz-transform $menu-animation-speed ease;
  transition: transform $menu-animation-speed ease;
}

.ion-panel {
  background: $menu-bg;
}

.ion-panel-left .ion-panel {
  border-right: 1px solid $menu-inset-border-color;
}

.ion-panel-right .ion-panel {
  border-left: 1px solid $menu-inset-border-color;
}