@use "../../../styles/typography.scss";
@use "sass:map";

@each $size in map.keys(typography.$font-sizes-title) {
  .title-#{$size} {
    @include typography.title($size: $size);
  }
}

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

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

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