@import "../variables/typography";
@import "../mixins";

.txt--normal {
  font-weight: $font-normal !important;
  font-style: normal !important;
}

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

.txt--underline {
  text-decoration: underline;
}

.txt--uppercase {
  text-transform: uppercase;
}

.txt--spread {
  letter-spacing: $tracking-widest;
}

.txt--nowrap {
  white-space: nowrap;
}

.txt--wrap {
  white-space: normal;
}

.txt--break-words {
  word-wrap: break-word;
}

.txt--break-words-alt {
  word-break: break-word;
}

.txt--break-all {
  word-break: break-all;
}

.txt--ellipsis {
  @include ellipsis;
}

.txt--dimmed {
  opacity: 0.75;
}

.txt--very-dimmed {
  opacity: 0.5;
}

.txt--tight-lines {
  line-height: $leading-tight;
}

.txt--overflow-hidden {
  overflow: hidden;
}

.txt--xs {
  font-size: $text-xs;
}

.txt--sm {
  font-size: $text-sm;
}

.txt--md {
  font-size: $text-base;
}

.txt--lg {
  font-size: $text-lg;
}

.txt--xl {
  font-size: $text-xl;
}

.txt--2xl {
  font-size: $text-2xl;
}

.txt--3xl {
  font-size: $text-3xl;
}

.txt--4xl {
  font-size: $text-4xl;
}

.txt--5xl {
  font-size: $text-5xl;
}

.txt--6xl {
  font-size: $text-6xl;
}

.txt--7xl {
  font-size: $text-7xl;
}

.txt--8xl {
  font-size: $text-8xl;
}

.txt--9xl {
  font-size: $text-9xl;
}

.undecorated {
  color: inherit;
  text-decoration: none;
}