/* ==========================================================================
 * Scroll
 * ========================================================================== */

@define-mixin mds-m-scroll {
  @mixin mds-m-scrollbar;

  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

@define-mixin mds-m-scroll-horizontal {
  @mixin mds-m-scrollbar;

  -webkit-overflow-scrolling: touch;
  overflow-x: auto;
  overflow-y: hidden;
}

@define-mixin mds-m-scroll-vertical {
  @mixin mds-m-scrollbar;

  -webkit-overflow-scrolling: touch;
  overflow-x: hidden;
  overflow-y: auto;
}

@define-mixin mds-m-no-scroll {
  @mixin mds-m-scrollbar;

  height: 100%;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
}