2024-01-02 15:10:06 +00:00
|
|
|
|
2024-01-18 20:49:29 +00:00
|
|
|
$font-stack: chiaro;
|
|
|
|
|
2024-01-07 22:11:17 +00:00
|
|
|
@mixin set-font-sizing($sz, $spacing) {
|
2024-01-18 20:49:29 +00:00
|
|
|
// font-family: $font-stack;
|
2024-01-07 22:11:17 +00:00
|
|
|
font-size: space($sz);
|
|
|
|
letter-spacing: space($sz * $spacing);
|
|
|
|
line-height: space($sz);
|
|
|
|
}
|
|
|
|
|
2024-01-02 15:10:06 +00:00
|
|
|
%header-1 {
|
2024-01-07 22:11:17 +00:00
|
|
|
@include set-font-sizing(64, 0.07);
|
2024-01-02 15:10:06 +00:00
|
|
|
font-style: normal;
|
|
|
|
font-weight: 700;
|
|
|
|
}
|
|
|
|
|
|
|
|
%header-2 {
|
2024-01-07 22:11:17 +00:00
|
|
|
@include set-font-sizing(48, 0.07);
|
2024-01-02 15:10:06 +00:00
|
|
|
font-style: normal;
|
|
|
|
font-weight: 700;
|
|
|
|
}
|
|
|
|
|
|
|
|
%header-3 {
|
2024-01-07 22:11:17 +00:00
|
|
|
@include set-font-sizing(32, 0.07);
|
2024-01-02 15:10:06 +00:00
|
|
|
font-style: normal;
|
|
|
|
font-weight: 700;
|
|
|
|
}
|
|
|
|
|
|
|
|
%label-lg {
|
2024-01-07 22:11:17 +00:00
|
|
|
@include set-font-sizing(32, 0.11);
|
2024-01-02 15:10:06 +00:00
|
|
|
font-style: normal;
|
|
|
|
font-weight: 700;
|
|
|
|
}
|
|
|
|
|
|
|
|
%label-md {
|
2024-01-07 22:11:17 +00:00
|
|
|
@include set-font-sizing(24, 0.11);
|
2024-01-02 15:10:06 +00:00
|
|
|
font-style: normal;
|
|
|
|
font-weight: 700;
|
|
|
|
}
|
|
|
|
|
|
|
|
%label-sm {
|
2024-01-07 22:11:17 +00:00
|
|
|
@include set-font-sizing(16, 0.14);
|
2024-01-02 15:10:06 +00:00
|
|
|
font-style: normal;
|
|
|
|
font-weight: 700;
|
|
|
|
text-transform: uppercase;
|
|
|
|
}
|
|
|
|
|
|
|
|
%body {
|
2024-01-07 22:11:17 +00:00
|
|
|
@include set-font-sizing(16, 0.0);
|
2024-01-02 15:10:06 +00:00
|
|
|
font-style: normal;
|
|
|
|
font-weight: 400;
|
|
|
|
}
|
2024-01-18 20:49:29 +00:00
|
|
|
|
|
|
|
%prompt-font {
|
|
|
|
font-family: promptfont;
|
|
|
|
font-style: normal;
|
|
|
|
font-weight: 400;
|
|
|
|
font-size: space(40);
|
|
|
|
line-height: space(40);
|
|
|
|
}
|
2024-01-22 16:43:21 +00:00
|
|
|
|
|
|
|
%prompt-font-sm {
|
|
|
|
font-family: promptfont;
|
|
|
|
font-style: normal;
|
|
|
|
font-weight: 400;
|
|
|
|
font-size: space(32);
|
|
|
|
line-height: space(32);
|
|
|
|
}
|