move stylesheets to subdir styles/

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");