@use "./base";

@mixin generate-static {
  @each $key, $value in base.$agrid-gaps {
    .gap-#{$key} {
      --agrid-gap: #{$value};
    }
  }
}

@mixin generate-responsive {
  @each $key, $value in base.$agrid-breakpoints {
    @media (min-width: #{$value}) {
      @each $gapKey, $gapValue in base.$agrid-gaps {
        .#{$key}\:gap-#{$gapKey} {
          --agrid-gap: #{$gapValue};
        }
      }
    }
  }
}