diff options
Diffstat (limited to 'styles')
| -rw-r--r-- | styles/draft.css | 18 | ||||
| -rw-r--r-- | styles/main.scss | 37 |
2 files changed, 55 insertions, 0 deletions
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"); |