@import "../typography";

@each $name, $value in $typography {
  .text-#{$name} {
    font-size: map-get($value, 'size');
    line-height: map-get($value, 'height');
    font-weight: map-get($value, 'weight');
  }
}

@each $key, $value in $typography-properties {
  $prefix: map-get($value, 'name');
  $propertyMap: map-get($value, 'map');
  $cssProperty: map-get($value, 'property');

  // Без брейкпоинтов
  @each $name, $propValue in $propertyMap {
    .#{$prefix}#{$name} {
      #{$cssProperty}: $propValue;
    }
  }
}