summaryrefslogtreecommitdiff
path: root/styles
diff options
context:
space:
mode:
Diffstat (limited to 'styles')
-rw-r--r--styles/draft.css18
-rw-r--r--styles/main.scss37
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");