blog/style/fonts.scss

52 lines
1 KiB
SCSS
Raw Normal View History

2024-12-05 06:41:29 +01:00
@import url(fonts/pragmatapro/pragmatapro.css);
@import url(fonts/muller/muller.css);
@import url(fonts/junicodevf/junicodevf.css);
$normal-weight: 400;
$bold-weight: 600;
$boldbold-weight: 700;
$main-heading-weight: 300;
$heading-weight: $bold-weight;
$small-weight: 500;
$body-size: 14pt;
$small-size: $body-size * 0.75;
$code-font-scale: 0.85;
@mixin main-font { font-family: Muller, sans-serif; }
@mixin heading-font { @include main-font; }
@mixin code-font {
font-family: PragmataPro, monospace;
font-size: 100% * $code-font-scale;
}
@mixin ipa-font {
font-family: JunicodeVF, serif;
font-feature-settings: "ccmp", "calt", "liga", "loca", "mark", "mkmk", "ss01";
font-weight: 550;
font-stretch: 110%;
}
@mixin small-font {
font-size: 80%;
font-weight: $small-weight;
}
@mixin note-font {
@include small-font;
font-style: italic;
}
@mixin symbol-font {
font-family: PragmataPro, sans-serif;
}
@mixin heading-size($level) {
$step: 1.2;
font-size: #{pow($step, max(4 - $level, 0))}rem;
}