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

.ion-panel {
  display: none;
  min-height: 100%;
  max-height: 100%;
  width: $panelWidth;
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 0;

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

  -webkit-overflow-scrolling: touch;
}

.ion-panel-left { left: 0; }
.ion-panel-right { right: 0; }

.ion-panel-animated {
  -webkit-transition: -webkit-transform $panelAnimationSpeed ease;
  -moz-transition: -moz-transform $panelAnimationSpeed ease;
  transition: transform $panelAnimationSpeed ease;
}