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

.menu {
  min-height: 100%;
  max-height: 100%;
  width: $menu-width;
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 0;

  background-color: #fff;

  // has to be scroll, not auto
  overflow-y: scroll;

  -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;
}