@import "sass-zero/variables/typography";
@import "sass-zero/variables/spacing";
@import "sass-zero/mixins";

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

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

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

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

.txt--subtle {
  color: $color-txt--subtle;
}

.txt--subtle-reversed {
  color: $color-txt--subtle-reversed;
}

.txt--full-contrast {
  color: $color-txt;
}

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

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

.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: $opacity-75;
}

.txt--very-dimmed {
  opacity: $opacity-50;
}

.txt--highlight {
  background-color: $color-bg--highlight;
  border-radius: $rounded-full;
  padding: $size-0 $size-1;
}

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

.txt--xs {
  font-size: $text-xs;
  line-height: $leading-4;
}

.txt--sm {
  font-size: $text-sm;
  line-height: $leading-5;
}

.txt--md {
  font-size: $text-base;
  line-height: $leading-6;
}

.txt--lg {
  font-size: $text-lg;
  line-height: $leading-7;
}

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

.txt--2xl {
  font-size: $text-2xl;
  line-height: $leading-8;
}

.txt--3xl {
  font-size: $text-3xl;
  line-height: $leading-9;
}

.txt--4xl {
  font-size: $text-4xl;
  line-height: $leading-10;
}

.txt--5xl {
  font-size: $text-5xl;
  line-height: $leading-none;
}

.txt--6xl {
  font-size: $text-6xl;
  line-height: $leading-none;
}

.txt--7xl {
  font-size: $text-7xl;
  line-height: $leading-none;
}

.txt--8xl {
  font-size: $text-8xl;
  line-height: $leading-none;
}

.txt--9xl {
  font-size: $text-9xl;
  line-height: $leading-none;
}

.decorated {
  color: $color-txt--decorated;
  text-decoration: underline;
}

.decorated--subtle {
  color: $color-txt--subtle;
  text-decoration: underline;
}

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