@for $i from 9 through 30 {
    .font-size-#{$i}, .fs-#{$i} {
        font-size: #{$i}px !important;;
    }
}

$font-weights: 100 200 300 400 500 600 700 800 900 bold bolder lighter normal;
@each $weight in $font-weights {
    .fw-#{$weight} {
        font-weight: $weight !important;
    }
}

.flow-text {
    font-weight: 300;
    $i: 0;
    @while $i <= $intervals {
        @media only screen and (min-width: 360 + ($i * $interval-size)) {
            font-size: 1.2rem * (1 + (.02 * $i));
        }
        $i: $i + 1;
    }

    // Handle below 360px screen
    @media only screen and (max-width: 360px) {
        font-size: 1.2rem;
    }
}