/* Line height */

.lh-1   { line-height: var(--leading-100); }
.lh-2   { line-height: var(--leading-200); }
.lh-3   { line-height: var(--leading-300); }
.lh-4   { line-height: var(--leading-400); }
.lh-5   { line-height: var(--leading-500); }
.lh-6   { line-height: var(--leading-600); }
.lh-7   { line-height: var(--leading-700); }
.lh-8   { line-height: var(--leading-800); }
.lh-9   { line-height: var(--leading-900); }

@media (--breakpoint-1) {
    .bp1-lh-1   { line-height: var(--leading-100); }
    .bp1-lh-2   { line-height: var(--leading-200); }
    .bp1-lh-3   { line-height: var(--leading-300); }
    .bp1-lh-4   { line-height: var(--leading-400); }
    .bp1-lh-5   { line-height: var(--leading-500); }
    .bp1-lh-6   { line-height: var(--leading-600); }
    .bp1-lh-7   { line-height: var(--leading-700); }
    .bp1-lh-8   { line-height: var(--leading-800); }
    .bp1-lh-9   { line-height: var(--leading-900); }
}

@media (--breakpoint-2) {
    .bp2-lh-1   { line-height: var(--leading-100); }
    .bp2-lh-2   { line-height: var(--leading-200); }
    .bp2-lh-3   { line-height: var(--leading-300); }
    .bp2-lh-4   { line-height: var(--leading-400); }
    .bp2-lh-5   { line-height: var(--leading-500); }
    .bp2-lh-6   { line-height: var(--leading-600); }
    .bp2-lh-7   { line-height: var(--leading-700); }
    .bp2-lh-8   { line-height: var(--leading-800); }
    .bp2-lh-9   { line-height: var(--leading-900); }
}

@media (--breakpoint-3) {
    .bp3-lh-1   { line-height: var(--leading-100); }
    .bp3-lh-2   { line-height: var(--leading-200); }
    .bp3-lh-3   { line-height: var(--leading-300); }
    .bp3-lh-4   { line-height: var(--leading-400); }
    .bp3-lh-5   { line-height: var(--leading-500); }
    .bp3-lh-6   { line-height: var(--leading-600); }
    .bp3-lh-7   { line-height: var(--leading-700); }
    .bp3-lh-8   { line-height: var(--leading-800); }
    .bp3-lh-9   { line-height: var(--leading-900); }
}

@media (--breakpoint-4) {
    .bp4-lh-1   { line-height: var(--leading-100); }
    .bp4-lh-2   { line-height: var(--leading-200); }
    .bp4-lh-3   { line-height: var(--leading-300); }
    .bp4-lh-4   { line-height: var(--leading-400); }
    .bp4-lh-5   { line-height: var(--leading-500); }
    .bp4-lh-6   { line-height: var(--leading-600); }
    .bp4-lh-7   { line-height: var(--leading-700); }
    .bp4-lh-8   { line-height: var(--leading-800); }
    .bp4-lh-9   { line-height: var(--leading-900); }
}