UNPKG

1.15 kBSCSSView Raw
1// Foundation for Sites by ZURB
2// foundation.zurb.com
3// Licensed under MIT Open Source
4
5////
6/// @group prototype-display
7////
8
9/// Responsive breakpoints for display classes
10/// @type Boolean
11$prototype-display-breakpoints: $global-prototype-breakpoints !default;
12
13/// Map containing all the `display` classes
14/// @type Map
15$prototype-display: (
16 inline,
17 inline-block,
18 block,
19 table,
20 table-cell
21) !default;
22
23/// Display classes, by default coming through a map `$prototype-display`
24/// @param {String} $display [] Display classes
25@mixin display($display) {
26 display: $display !important;
27}
28
29@mixin foundation-prototype-display {
30 @each $display in $prototype-display {
31 .display-#{$display} {
32 @include display($display);
33 }
34 }
35
36 @if ($prototype-display-breakpoints) {
37 // Loop through Responsive Breakpoints
38 @each $size in $breakpoint-classes {
39 @include breakpoint($size) {
40 @each $display in $prototype-display {
41 @if $size != $-zf-zero-breakpoint {
42 .#{$size}-display-#{$display} {
43 @include display($display);
44 }
45 }
46 }
47 }
48 }
49 }
50}