none, inline, inline-block, block, table, table-cell
) !default;
-/// Map containing all the `display-flex` classes
-/// @type Map
-$prototype-display-flex-classes: (
- flex, inline-flex
-) !default;
-
@mixin foundation-prototype-display {
@each $display in $prototype-display-classes {
.display-#{$display} {
display: $display !important;
}
}
- @if $global-flexbox {
- @each $display-flex in $prototype-display-flex-classes {
- .display-#{$display-flex} {
- display: $display-flex !important;
- }
- }
- }
@if ($prototype-display-breakpoints) {
// Loop through Responsive Breakpoints
}
}
}
- @if $global-flexbox {
- @each $display-flex in $prototype-display-flex-classes {
- @if $size != $-zf-zero-breakpoint {
- .#{$size}-display-#{$display-flex} {
- display: $display-flex !important;
- }
- }
- }
- }
}
}
}