/* Text
   ========================================================================== */
@each $breakpoint in map-keys($grid-breakpoints) {
  @include media-breakpoint-up($breakpoint) {
    $infix: breakpoint-infix($breakpoint, $grid-breakpoints);
    .text {
      &#{$infix}-center {
        text-align: center !important;
      }
      &#{$infix}-left {
        text-align: left !important;
      }
      &#{$infix}-right {
        text-align: right !important;
      }
      &#{$infix}-justify {
        text-align: justify !important;
      }
    }
  }
}

@each $name, $value in colors() {
  .text-#{$name} {
    color: $value !important;
  }
}