elf-notes/sass/design/_typography.scss

23 lines
508 B
SCSS
Raw Normal View History

$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;
}
}