@import '../tools/mixins/margin';
@import '../settings/variables';

.u-font-size {
  &--normal {
    font-size: $font-size-normal;
  }
  &--small {
    font-size: $font-size-small;
  }
  &--smaller {
    font-size: 0.75em;
  }
  &--medium {
    font-size: $font-size-medium;
  }
  &--bigger {
    font-size: 1.5em;
  }
  &--big {
    font-size: 2.5em;
  }
  &--caption {
    font-size: $font-size-caption;
  }
  &--big-icon {
    font-size: $font-big-icon;
  }
}

.u-font-weight {
  &--light {
    font-weight: $font-weight-light;
  }
  &--normal {
    font-weight: $font-weight-normal;
  }
  &--bold {
    font-weight: $font-weight-bold;
  }
  &--bolder {
    font-weight: $font-weight-bolder;
  }
}

.u-font-underline {
  padding-bottom: 0.25em;
  border-bottom: 0.125em solid $color-neutral;

  &--color-primary {
    border-color: $color-primary;
  }
}

.u-line-height {
  &--small {
    line-height: 1.2em;
  }
  &--bigger {
    line-height: 1.5em;
  }
}

.u-font-style {
  &--italic {
    font-style: italic;
  }
}

.u-font-letter-spacing {
  letter-spacing: $hairline;
}

.u-capitalize {
  text-transform: capitalize;
}

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

.u-no-wrap {
  white-space: nowrap;
}

.u-font {
  &--clear-spacings {
    padding: 0;
    margin: 0;
    line-height: 1;
  }
}