@import "tools.mixins";

@mixin scrollable-panel {
  // has to be `scroll` for momentum, not `auto`
  overflow-x: hidden;
  overflow-y: scroll;
  @include touch-scrollable;
}

@mixin non-scrollable-panel {
  // sass-lint:disable no-vendor-prefixes, no-duplicate-properties
  -ms-overflow-style: none; // IE 10+
  overflow-x: hidden;
  overflow-y: auto;
  // overflow: -moz-hidden-unscrollable;
  &::-webkit-scrollbar {
    display: none; // Chrome & Opera
  }
  // sass-lint:enable no-vendor-prefixes, no-duplicate-properties
}
