73 lines
1.9 KiB
SCSS
73 lines
1.9 KiB
SCSS
// 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);
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|