Exponential decay headers in scss

header.scss

$decrease: 4;
$initial: 28;
@for $i from 1 through 6 {
    > h#{$i} {
        // Formula: https://www.desmos.com/calculator/dhrvkbio8f
        font-size: 1px * ($initial - (2 * $decrease)) + (pow($decrease, 2) / pow(2, $i));
    }

    @if $i < 6 {
        > h#{$i} + h#{$i+1} {
            margin-top: -12px;
        }
    }
}