// Foundation for Sites by ZURB // foundation.zurb.com // Licensed under MIT Open Source

//// /// @group prototype-overflow ////

/// Responsive breakpoints for overflow helper classes /// @type Boolean $prototype-overflow-breakpoints: $global-prototype-breakpoints !default;

/// Map containing all the `overflow` classes /// @type Map $prototype-overflow: (

visible,
hidden,
scroll

) !default;

/// Overflow classes, by default coming through a map `$prototype-overflow` /// @param {String} $overflow [] Overflow classes @mixin overflow($overflow) {

overflow: $overflow !important;

}

/// Overflow classes on horizontal axis, by default coming through a map `$prototype-overflow` /// @param {String} $overflow [] Overflow classes (horizontal axis) @mixin overflow-x($overflow) {

overflow-x: $overflow !important;

}

/// Overflow classes on vertical axis, by default coming through a map `$prototype-overflow` /// @param {String} $overflow [] Overflow classes (vertical axis) @mixin overflow-y($overflow) {

overflow-y: $overflow !important;

}

@mixin foundation-prototype-overflow {

@each $overflow in $prototype-overflow {
  .overflow-#{$overflow} {
    @include overflow($overflow);
  }
  .overflow-x-#{$overflow} {
    @include overflow-x($overflow);
  }
  .overflow-y-#{$overflow} {
    @include overflow-y($overflow);
  }
}

@if ($prototype-overflow-breakpoints) {
  // Loop through Responsive Breakpoints
  @each $size in $breakpoint-classes {
    @include breakpoint($size) {
      @each $overflow in $prototype-overflow {
        @if $size != $-zf-zero-breakpoint {
          .#{$size}-overflow-#{$overflow} {
            @include overflow($overflow);
          }
          .#{$size}-overflow-x-#{$overflow} {
            @include overflow-x($overflow);
          }
          .#{$size}-overflow-y-#{$overflow} {
            @include overflow-y($overflow);
          }
        }
      }
    }
  }
}

}