@mixin autoSpacing($size, $gutter-num, $gutter-size, $col-num) {
  flex: 0 0 calc((#{$size} * ((100% - #{$gutter-num} * #{$gutter-size}) / #{$col-num})) + (#{$size} - 1) * #{$gutter-size});
  max-width: calc((#{$size} * ((100% - #{$gutter-num} * #{$gutter-size}) / #{$col-num})) + (#{$size} - 1) * #{$gutter-size});
  padding-left: 0;
  padding-right: 0;
  margin-right: map-get($base-breakpoints-gutter, 'xxl');

  $space: ($col-num - $size) / 2;
  margin-left: calc((#{$space} * ((100% - #{$gutter-num} * #{$gutter-size}) / #{$col-num})) + #{$space} * #{$gutter-size});
}