}
.grid {
- > .small-auto {
+ > .auto {
@include zf-cell-base(auto);
}
- > .small-shrink {
+ > .shrink {
@include zf-cell-base(shrink);
}
}
@include zf-cell-static($i, false, $breakpoint: $-zf-size, $vertical: $vertical);
}
}
+
+ @if(type-of($grid-margin-gutters) == 'map' and map-has-key($grid-margin-gutters, $-zf-size)) {
+ @each $bp in -zf-breakpoints-less-than($-zf-size) {
+ @if(map-has-key($grid-margin-gutters, $bp)) {
+ > .#{$bp}-auto {
+ @include zf-cell-static(auto, false, $breakpoint: $bp, $vertical: $vertical);
+ }
+
+ > .#{$bp}-shrink {
+ @include zf-cell-static(shrink, false, $breakpoint: $bp, $vertical: $vertical);
+ }
+
+ @for $i from 1 through $grid-columns {
+ // Sizing (percentage)
+ $classname: if($vertical, '.#{$bp}-vertical-#{$i}', '.#{$bp}-#{$i}');
+
+ > #{$classname} {
+ @include zf-cell-static($i, false, $breakpoint: $bp, $vertical: $vertical);
+ }
+ }
+ }
+ }
+ }
}
}
}
}
@include -zf-each-breakpoint() {
- > .#{$-zf-size}-auto {
+ > .auto {
@include zf-cell-static(auto, false, $breakpoint: $-zf-size, $vertical: true);
}
- > .#{$-zf-size}-shrink {
+ > .shrink {
@include zf-cell-static(shrink, false, $breakpoint: $-zf-size, $vertical: true);
}