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/draft.css | 18 ++++++++++++++++++ styles/main.scss | 37 +++++++++++++++++++++++++++++++++++++ 2 files changed, 55 insertions(+) create mode 100644 styles/draft.css create mode 100644 styles/main.scss (limited to 'styles') diff --git a/styles/draft.css b/styles/draft.css new file mode 100644 index 0000000..f79d452 --- /dev/null +++ b/styles/draft.css @@ -0,0 +1,18 @@ +/* css styles */ +body:before{ + content: 'UDKAST'; + position: fixed; + top: 0; + bottom: 0; + left: 0; + right: 0; + z-index: -1; + color: #ff0000; + font-size: 200px; + font-weight: 500px; + display: grid; + justify-content: center; + align-content: center; + opacity: 0.2; + transform: rotate(-45deg); +} 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