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

    .text#{$infix}-d-left   { text-align: left !important; }
    .text#{$infix}-d-right  { text-align: right !important; }
    .text#{$infix}-d-center { text-align: center !important; }

    .input-group.text#{$infix}-left, .input-group.text-left   {
      .input-group-text {
        text-align: left !important;
        display: inline-block;
      }
    }

    .input-group.text#{$infix}-right, .input-group.text-right {
      .input-group-text {
        text-align: right !important;
        display: inline-block;
      }
    }

    .input-group.text#{$infix}-center, .input-group.text-center {
      .input-group-text {
        text-align: center !important;
        display: inline-block;
      }
    }


    @each $color, $value in $theme-colors {
      .text#{$infix}-d-#{color} {
        color: $color;
      }
    }
  }
}
