Zelda64Recomp/assets/scss/styles/mixins/_typography.scss
2024-01-07 16:11:17 -06:00

50 lines
854 B
SCSS

@mixin set-font-sizing($sz, $spacing) {
font-size: space($sz);
letter-spacing: space($sz * $spacing);
line-height: space($sz);
}
%header-1 {
@include set-font-sizing(64, 0.07);
font-style: normal;
font-weight: 700;
}
%header-2 {
@include set-font-sizing(48, 0.07);
font-style: normal;
font-weight: 700;
}
%header-3 {
@include set-font-sizing(32, 0.07);
font-style: normal;
font-weight: 700;
}
%label-lg {
@include set-font-sizing(32, 0.11);
font-style: normal;
font-weight: 700;
}
%label-md {
@include set-font-sizing(24, 0.11);
font-style: normal;
font-weight: 700;
}
%label-sm {
@include set-font-sizing(16, 0.14);
font-style: normal;
font-weight: 700;
text-transform: uppercase;
}
%body {
@include set-font-sizing(16, 0.0);
font-style: normal;
font-weight: 400;
}