@use "../../../styles/typography.scss";

@each $size in map-keys(typography.$font-sizes-text) {
  @each $role in map-keys(typography.$font-line-height-multipliers) {
    .text-#{$role}-#{$size}-normal {
      @include typography.text($size: $size, $role: $role);
    }

    .text-#{$role}-#{$size}-overline {
      @include typography.text($size: $size, $role: $role, $overline: true);
    }
  }
}

@each $family in map-keys(typography.$font-families) {
  .family-#{$family} {
    @include typography.font-family($family: $family);
  }
}

@each $weight in map-keys(typography.$font-weights) {
  .weight-#{$weight} {
    @include typography.font-weight($weight: $weight);
  }
}

@each $align in (left, center, right) {
  .align-#{$align} {
    text-align: $align;
  }
}
