body.ui-normalize .ui-text {

  // Sizes
  //------------------------------------------------------------------------

  &--xs, &--xs p {
    font-size:      $text-size-xs;
    line-height:    $text-line-height-xs;
    letter-spacing: 0.033rem;
  }
  &--sm, &--sm p {
    font-size:      $text-size-sm;
    line-height:    $text-line-height-sm;
    letter-spacing: 0.03rem;
    // font-weight:    300;
  }
  &--lg, &--lg p {
    font-size:      $text-size-lg;
    line-height:    $text-line-height-lg;
    letter-spacing: 0;
    -webkit-font-smoothing: antialiased;
    // font-weight:    300;
  }
  &--xl, &--xl p {
    -webkit-font-smoothing: antialiased;
    font-size:      $text-size-xl;
    line-height:    $text-line-height-xl;
    letter-spacing: 0;
    // font-weight:    300;
  }
}

body.ui-normalize .ui-text,
.ui-text {
  // Transform
  //------------------------------------------------------------------------
  &--uppercase {
    text-transform: uppercase;
  }
  &--lowercase {
    text-transform: lowercase;
  }
  &--normalcase {
    text-transform: none;
  }

  // Spacing
  //------------------------------------------------------------------------
  &--spacing {
    letter-spacing: .255rem;
  }

  // Align
  //------------------------------------------------------------------------
  &--center {
    text-align: center;
  }
  &--right {
    text-align: right;
  }
  &--left {
    text-align: left;
  }

  // Colors
  //------------------------------------------------------------------------
  &--gray {
    color: map-get($colors, gray)
  }
  &--green {
    color: map-get($colors, green)
  }

  // Font weight
  //------------------------------------------------------------------------
  &--bold {
    font-weight: bold;
  }
  &--light {
    font-weight: 300;
  }
  &--lighter {
    font-weight: lighter;
  }
}