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

    @each $color, $value in $theme-colors {
      @include bg-variant(".bg#{$infix}-#{$color}", $value, true);
    }

    @if $enable-gradients {
      @each $color, $value in $theme-colors {
        @include bg-gradient-variant(".bg#{$infix}-gradient-#{$color}", $value);
      }
    }

    .bg#{$infix}-white {
      background-color: $white !important;
    }

    .bg#{$infix}-transparent {
      background-color: transparent !important;
    }
  }
}