.cms-text {
  &-black {
    color: $color-black;
  }
  &-white {
    color: $color-white;
  }
  &-grey {
    color: $color-heading;
  }
  &-grey-light {
    color: $color-text;
  }
  &-blue {
    color: $color-blue-dark;
  }
  &-red {
    color: #ff0018;
  }
  &-yellow {
    color: $color-special-alert;
  }
  &-green {
    color: #28a745;
  }

  &-size {
    &-16 {
      font-size: 1rem;
    }
    &-18 {
      font-size: 1.125rem;
    }
    &-20 {
      font-size: 1.25rem;
    }
    &-22 {
      font-size: 1.375rem;
    }
    &-24 {
      font-size: 1.5rem;
    }
    &-26 {
      font-size: 1.625rem;
    }
    &-28 {
      font-size: 1.75rem;
    }
    &-30 {
      font-size: 1.875rem;
    }
  }
}
