// To properly nest a column row, padding and margin is removed
.row .column.row.row {
- padding-left: 0;
- padding-right: 0;
- margin-left: 0;
margin-right: 0;
+ margin-left: 0;
+ padding-right: 0;
+ padding-left: 0;
}
+
+ .flex-container {
+ @include flex;
+ }
+
+ .flex-child-auto {
+ flex: 1 1 auto;
+ }
+
+ .flex-child-grow {
+ flex: 1 0 auto;
+ }
+
+ .flex-child-shrink {
+ flex: 0 1 auto;
+ }
+
+ @each $dir, $prop in $-zf-flex-direction {
+ .flex-dir-#{$dir} {
+ @include flex-direction($prop);
+ }
+ }
+
@include -zf-each-breakpoint {
@for $i from 1 through $grid-column-count {
// Sizing (percentage)