From a7ab7d97c292345b6912388941c513beee2d8387 Mon Sep 17 00:00:00 2001 From: Jonas Smedegaard Date: Wed, 21 Feb 2024 09:47:20 +0100 Subject: move stylesheets to subdir styles/ --- styles/main.scss | 37 +++++++++++++++++++++++++++++++++++++ 1 file changed, 37 insertions(+) create mode 100644 styles/main.scss (limited to 'styles/main.scss') diff --git a/styles/main.scss b/styles/main.scss new file mode 100644 index 0000000..15b340b --- /dev/null +++ b/styles/main.scss @@ -0,0 +1,37 @@ +// origin: https://stackoverflow.com/a/75470197/18619283 + +/*-- scss:defaults --*/ + +// avoid web-loading internally declared default Bootswatch font +$web-font-path: ""; + +// fix apply font family setting seemingly missed by quarto +$font-family-sans-serif: "Cabin"; + +// use sans-serif for headers and menus +$headings-font-family: $font-family-sans-serif; +$display-font-family: $font-family-sans-serif; +$input-btn-font-family: $font-family-sans-serif; + +/*-- scss:mixins --*/ + +@mixin font-face($name, $style, $weight, $basedir, $file) { + @font-face { + font-display: swap; + font-family: #{$name}; + font-style: #{$style}; + font-weight: #{$weight}; + src: url("fonts/#{$basedir}/woff2/#{$file}.woff2") format("woff2"), + url("fonts/#{$basedir}/opentype/#{$file}.otf") format("opentype"); + } +} + +/*-- scss:rules --*/ + +@include font-face(ETbb, normal, 400, etbb, ETbb-Regular); +@include font-face(ETbb, italic, 400, etbb, ETbb-Italic); +@include font-face(ETbb, normal, 700, etbb, ETbb-Bold); +@include font-face(ETbb, italic, 700, etbb, ETbb-BoldItalic); + +@include font-face(Cabin, normal, "400 700", cabin, "Cabin-Regular-VF"); +@include font-face(Cabin, italic, "400 700", cabin, "Cabin-Italic-VF"); -- cgit v1.2.3