@use 'sass:math';
@import '../settings/breakpoints';
@import '../settings/grid';

@mixin generate-columns($columns-to-generate) {
  @each $breakpoint, $columns in $columns-to-generate {
    @if (0 != map_get($breakpoints, $breakpoint)) {
      @media screen and (min-width: map_get($breakpoints, $breakpoint)) {
        @each $column in $columns {
          .#{$breakpoint}-#{$column} {
            flex: 0 0 math.div($column, $column-count) * 100%;

            max-width: math.div($column, $column-count) * 100%;
          }
        }
      }
    }

    @else {
      @each $column in $columns {
        .#{$breakpoint}-#{$column} {
          flex: 0 0 math.div($column, $column-count) * 100%;

          max-width: math.div($column, $column-count) * 100%;
        }
      }
    }
  }
}