From be5fe4d954a2a923eb3de1a425e25b4b872c575c Mon Sep 17 00:00:00 2001
From: Marie Birner <mb@studiomitte.com>
Date: Sat, 17 Feb 2024 11:02:48 +0100
Subject: [PATCH] [TASK] add basic custom styling

---
 output/style.css    | 58 +++++++++++++++++++++++++++++++++++++++++++++
 templates/style.css | 58 +++++++++++++++++++++++++++++++++++++++++++++
 2 files changed, 116 insertions(+)

diff --git a/output/style.css b/output/style.css
index 63a7c05..e2fd7d5 100644
--- a/output/style.css
+++ b/output/style.css
@@ -1,3 +1,7 @@
+h1 {
+  margin-top: var(--pico-spacing);
+}
+
 h2,
 h3,
 h4,
@@ -48,3 +52,57 @@ details summary {
 details[open] summary {
   position: sticky;
 }
+
+h4,
+h5, 
+h6 {
+  --pico-font-weight: 400;
+
+  display: inline;
+}
+
+h2 {
+  --pico-font-size: 1.3rem;
+  --pico-font-weight: 200;
+}
+
+h3 {
+  --pico-font-size: 1.2rem;
+  --pico-font-weight: 200;
+}
+
+h4 {
+  --pico-font-size: 1.1rem;
+  --pico-font-weight: 200;
+}
+
+details summary {
+  line-height: unset;
+}
+
+details[open] summary {
+  position: sticky;
+}
+
+.par {
+  margin-bottom: calc(var(--pico-spacing) * 2);
+}
+
+.symb {
+  --pico-font-weight: 700;
+
+  display: inline-block;
+  margin-right: calc(var(--pico-spacing) / 3);
+  font-weight: var(--pico-font-weight)
+}
+
+.header {
+  --pico-font-weight: 300;
+
+  font-weight: var(--pico-font-weight);
+}
+
+.content {
+  display: block;
+}
+
diff --git a/templates/style.css b/templates/style.css
index 63a7c05..e2fd7d5 100644
--- a/templates/style.css
+++ b/templates/style.css
@@ -1,3 +1,7 @@
+h1 {
+  margin-top: var(--pico-spacing);
+}
+
 h2,
 h3,
 h4,
@@ -48,3 +52,57 @@ details summary {
 details[open] summary {
   position: sticky;
 }
+
+h4,
+h5, 
+h6 {
+  --pico-font-weight: 400;
+
+  display: inline;
+}
+
+h2 {
+  --pico-font-size: 1.3rem;
+  --pico-font-weight: 200;
+}
+
+h3 {
+  --pico-font-size: 1.2rem;
+  --pico-font-weight: 200;
+}
+
+h4 {
+  --pico-font-size: 1.1rem;
+  --pico-font-weight: 200;
+}
+
+details summary {
+  line-height: unset;
+}
+
+details[open] summary {
+  position: sticky;
+}
+
+.par {
+  margin-bottom: calc(var(--pico-spacing) * 2);
+}
+
+.symb {
+  --pico-font-weight: 700;
+
+  display: inline-block;
+  margin-right: calc(var(--pico-spacing) / 3);
+  font-weight: var(--pico-font-weight)
+}
+
+.header {
+  --pico-font-weight: 300;
+
+  font-weight: var(--pico-font-weight);
+}
+
+.content {
+  display: block;
+}
+