elf-notes/sass/design/_typography.scss

$headers:
    h1 ".h1" var(--step-4) 1.1 700,
    h2 ".h2" var(--step-3) 1.25 500,
    h3 ".h3" var(--step-2) 1.1 500,
    h4 ".h4" var(--step-1) 1.35 700,
    h5 ".h5" var(--step-0) 1.5 500,
    h6 ".h6" var(--step--1) 1.4 500;

@each $type, $ptype, $size, $height, $weight in $headers {
    #{$type} {
        font-size: $size;
        line-height: $height;
        font-weight: $weight;
    }

    #{$ptype} {
        font-size: $size;
        line-height: $height;
        font-weight: $weight;
    }
}