Grid with Susy3 + Flexbox

grid.scss

@import "susy/sass/susy";
@import 'susy/sass/plugins/svg-grid/';


$susy: (
  'columns': susy-repeat(6),
  'gutters': 2em,
  'svg-grid-colors': hsla(180, 50%, 50%, 0.25),
);


@mixin grid($debug: false, $config: $susy){
  $config: susy-settings($config);
  @if $debug {
    background: susy-svg-grid($grid: $config) no-repeat scroll;
  }
}

.grid {
  @include grid($debug: true);
}

.wrap {
  display: flex;
  justify-content: space-between;
}

@for $span from 1 through length(susy-get('columns')) {
  .span-#{$span} {
    flex-basis: span($span);
  }
}