@if($size == 'full') {
$val: if($margin-gutter == 0, 100%, calc(100% - #{rem-calc($margin-gutter)}));
#{$direction}: $val;
- max-#{$direction}: $val;
} @elseif ($size == 'auto') {
#{$direction}: auto;
$val: if($margin-gutter == 0, 100%, calc(100% - #{rem-calc($margin-gutter)}));
- max-#{$direction}: $val;
} @elseif ($size == 'shrink') {
#{$direction}: auto;
} @else {
$val: if($margin-gutter == 0, #{zf-cell-size($size)}, calc(#{zf-cell-size($size)} - #{rem-calc($margin-gutter)}));
#{$direction}: $val;
- max-#{$direction}: $val;
}
}
}
// Auto width
- @include -zf-each-breakpoint(false) {
- .grid > .#{$-zf-size}-auto {
- @include zf-cell-base(auto);
- }
+ @include -zf-each-breakpoint() {
+ @if not($-zf-size == small) {
+ .grid > .#{$-zf-size}-auto {
+ @include zf-cell-base(auto);
+ }
- .grid > .#{$-zf-size}-shrink {
- @include zf-cell-base(shrink);
+ .grid > .#{$-zf-size}-shrink {
+ @include zf-cell-base(shrink);
+ }
}
+
@for $i from 1 through $grid-columns {
// Sizing (percentage)
.#{$-zf-size}-#{$i} {