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