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