// stylelint-disable declaration-no-important

////
/// Типографика
////

@each $breakpoint in map-keys($grid-breakpoints) {
    @include media-breakpoint-up($breakpoint) {
        $infix: breakpoint-infix($breakpoint, $grid-breakpoints);

        @each $size, $settings in $typography-sizes {
            // Типографика с отступами
            .t#{$infix}-#{$size} {
                @each $prop, $value in $settings {
                  @if $prop != 'line-height-xxs'
                  and $prop != 'margin-top'
                  and $prop != 'margin-bottom' {
                    #{$prop}: $value;
                  }

                  @if $prop == 'line-height-xxs' {
                    @media screen and (max-width: $screen-xxs-max) {
                        line-height: $value;
                      }
                  }
                }
            }
        }
    }
}