//colors
.text-red {
  color: $red;
}

.text-blue {
  color: $blue;
}

.text-grey {
  color: $gray;
}

.text-black {
  color: $black;
}

.text-white {
  color: $white;
}

.text-green {
  color: $green;
}

/// Text Alignment
.text-center {
  text-align: center
}

.text-right {
  text-align: right
}

.text-left {
  text-align: left
}

.text-justify {
  text-align: justify
}

.text-middle {
  vertical-align: middle
}

.text-top {
  vertical-align: top;
}

/// Text Transform
.uppercase {
  text-transform: uppercase
}

.lowercase {
  text-transform: lowercase
}

.capitalize {
  text-transform: capitalize
}

/// Text Decoration
.text-italic {
  font-style: italic;
}

.text-underline {
  text-decoration: underline
}

.text-strike {
  text-decoration: line-through
}

.no-decoration {
  text-decoration: none
}


/// Word break
.break-text {
  word-wrap: break-word;
  word-break: break-all;
}

.no-break-text {
  word-wrap: normal;
  word-break: normal;
}

.text-ellipsis {
  overflow-x: hidden;
  text-overflow: ellipsis;
}

.nowrap {
  white-space: nowrap;
}

.light {
  font-weight: $font-weight-light;
}

.normal {
  font-weight: $font-weight-normal;
}

.semi-bold {
  font-weight: $font-weight-semi-bold;
}

.bold {
  font-weight: $font-weight-bold;
}

.disabled-link {
  pointer-events: none;
  cursor: not-allowed;
  color: $gray-medium;
}