z-flow-flex.scss

@mixin z-flow-flex($columns: 1, $margin-longitudinal: 0px, $margin-lateral: 0px, $child-selector: '*') {
  display: flex;
  flex-wrap: wrap;

  > #{$child-selector} {
    $width: calc((100% - #{$margin-lateral} * #{$columns - 1}) / #{$columns});

    flex: 0 0;
    flex-basis: $width;
    width: $width;
    margin: 0;

    &:nth-child(n+#{$columns + 1}) {
      margin-top: $margin-longitudinal;
    }

    &:not(:nth-child(#{$columns}n+1)) {
      margin-left: $margin-lateral;
    }
  }
}