////
/// @group Texts
////

/// Align the text to the left
.text-left {
  text-align: left;
}

/// Align the text to center
.text-center {
  text-align: center;
}

/// Align the text to the right
.text-right {
  text-align: right;
}

/// Stretches the lines so that each line has equal width (like in newspapers and magazines)
.text-justify {
  text-align: justify;
}

/// Make each word of the text Capitalize
.capitalize {
  text-transform: capitalize;
}

/// Make the first word of the text Capitalize
.capitalize-first {
  text-transform: lowercase;
  &::first-letter {
    text-transform: capitalize;
  }
}

/// Make the text UPPERCASE
.uppercase {
  text-transform: uppercase;
}

/// Make the text UPPERCASE
.lowercase {
  text-transform: lowercase;
}


/// Make the text with no wrap
.nowrap {
  white-space: nowrap;
}

/// Add ellipsis to overflow text
.ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
  display: block;
}

/// Add italic font style
.italic {
  font-style: italic;
}

/// The user cannot resize the element
.resize-none {
  resize: none;
}

/// The user can resize the height of the element
.resize-vertical {
  resize: vertical;
}