@use "./base";

// Generate simple col-span columns
@mixin generate-static {
  @for $i from 1 through base.$agrid-column-system {
    .acol-#{$i} {
      // grid-column: auto / span $i;
      grid-column-end: span $i;
    }
  }
}

// Generate responsive cols - has a fallback for 12 col width
@mixin generate-responsive {
  @each $key, $value in base.$agrid-breakpoints {
    :where(.agrid > *){
      grid-column-end: span 12;
    }

    @media (min-width: #{$value}) {
      @for $col-num from 1 through base.$agrid-column-system {
        .#{$key}\:acol-#{$col-num} {
          // grid-column: auto / span $col-num;
          grid-column-end: span $col-num;
        }
      }
    }
  }
}