// Font Sizes
$font-sizes-static: (
    '8' : 8,
    '10' : 10,
    '11' : 11,
    '12' : 12,
    '13' : 13,
    '14' : 14,
    '15' : 15,
    '16' : 16,
    '17' : 17,
    '18' : 18,
    '19' : 19,
    '20' : 20,
    '21' : 21,
    '22' : 22,
    '23' : 23,
    '24' : 24,
    '25' : 25,
    '26' : 26,
    '27' : 27,
    '28' : 28,
    '29' : 29
);
@each $name, $size in $font-sizes-static {
    .text-#{$name}{
        font-size: #{$size}px;
        > svg{
            width: #{$size}px;
            height: #{$size}px;
        }
    }
}

// Responsize Font Sizes
$font-sizes: (
    '30' : 30,
    '31' : 31,
    '32' : 32,
    '33' : 33,
    '34' : 34,
    '35' : 35,
    '36' : 36,
    '37' : 37,
    '38' : 38,
    '39' : 39,
    '40' : 40,
    '41' : 41,
    '42' : 42,
    '43' : 43,
    '44' : 44,
    '45' : 45,
    '46' : 46,
    '48' : 48,
    '50' : 50,
    '52' : 52,
    '54' : 54,
    '55' : 55,
    '60' : 60,
    '64' : 64,
    '68' : 68,
    '70' : 70,
    '75' : 75,
    '78' : 78,
    '80' : 80,
    '82' : 82,
    '85' : 85,
    '90' : 90,
    '100' : 100,
    '180' : 180,
    '200' : 200,
);
@each $breakpoint in map-keys($grid-breakpoints) {
    @include media-breakpoint-up($breakpoint) {
        $infix: breakpoint-infix($breakpoint, $grid-breakpoints);
        @each $name, $size in $font-sizes {
            .text#{$infix}-#{$name}{
                font-size: #{$size}px;
                > svg{
                    width: #{$size}px;
                    height: #{$size}px;
                }
            }
        }
    }
}
// letter spacing 
$letter-spacing: (
    20,
    30,
    40,
    50,
    70,
    100,
    200
);
@each $breakpoint in map-keys($grid-breakpoints) {
    @include media-breakpoint-up($breakpoint) {
        $infix: breakpoint-infix($breakpoint, $grid-breakpoints);
        @each $name , $size in $font-sizes {
            .text#{$infix}-#{$name}{
                @each $va in $letter-spacing{
                    &.text-va-#{$va}{
                        letter-spacing: chemlabs_letter_spacing($va,$size);
                    }
                }
            }
        }
    }
}