/* ============================================================================
   04-ELEMENTS -> #TYPOGRAPHY
   ========================================================================= */

/**
 * Sets the base styles for typography elements.
 */


//
// SCSS imports
//

@use '../01-settings' as *;
@use '../02-tools' as *;


@each $breakpoint-name, $breakpoint-value in $breakpoints {
    @if ($breakpoint-name == 'xs') {
        @each $size-name, $size-map in $font-size {
            .text-#{$size-name} {
                @include font-size($size-name);
            }
        }
    } @else {
        @include media-breakpoint-up($breakpoint-name) {
            @each $size-name, $size-map in $font-size {
                .#{$breakpoint-name}\:text-#{$size-name} {
                    @include font-size($size-name);
                }
            }   
        }
    }
}