@use "./base";

// Generate simple col-offset values
@mixin generate-static {
  @for $i from 1 through (base.$agrid-column-system - 1) {
    .offset-#{$i} {
      --agrid-column-start: #{$i + 1};
    }
  }
}

// Generate responsive offsets - has a fallback for auto col start
@mixin generate-responsive {
  @each $key, $value in base.$agrid-breakpoints {
    :where([class*="#{$key}\:offset"]) {
      --agrid-column-start: auto;
    }

    @media (min-width: #{$value}) {
      @for $col-num from 1 through (base.$agrid-column-system - 1) {
        .#{$key}\:offset-#{$col-num} {
          --agrid-column-start: #{$col-num + 1};
        }
      }
    }
  }
}