// Auto width
@include -zf-each-breakpoint() {
+ .grid-x > [class*="#{$-zf-size}-"] {
+ flex-basis: auto;
+ }
@if not($-zf-size == small) {
.grid-x > .#{$-zf-size}-auto {
@include xy-cell-base(auto);
}
- .grid-x > [class*="#{$-zf-size}-"] {
- flex-basis: auto;
- }
@for $i from 1 through $grid-columns {
// Sizing (percentage)
@include -zf-each-breakpoint() {
+ > [class*="#{$-zf-size}-"] {
+ flex-basis: auto;
+ }
+
@if not($-zf-size == small) {
> .#{$-zf-size}-auto {
+ @include xy-cell-base(auto);
@include xy-cell-static(auto, false, $breakpoint: $-zf-size, $vertical: true);
}
}
- > [class*="#{$-zf-size}-"] {
- flex-basis: auto;
- }
-
@for $i from 1 through $grid-columns {
// Sizing (percentage)
> .#{$-zf-size}-#{$i} {