// Gutters

@each $breakpoint in map-keys($grid-breakpoints) {
  @include media-breakpoint-up($breakpoint) {
    $infix: breakpoint-infix($breakpoint, $grid-breakpoints);

    @each $size, $length in $spacers {
      .g#{$infix}-#{$size} {
        gap: $length !important;
      }
      .gx#{$infix}-#{$size} {
        column-gap: $length !important;
      }
      .gy#{$infix}-#{$size} {
        row-gap: $length !important;
      }
    }
  }
}