From 2a05afa892393d46ac16831198efcb798b99c1cf Mon Sep 17 00:00:00 2001
From: Marie Birner <mb@studiomitte.com>
Date: Sat, 17 Feb 2024 10:55:32 +0100
Subject: [PATCH] [TASK] add basic custom styling

---
 .gitignore          |  1 +
 output/style.css    | 51 +++++++++++++++++++++++++++++++++++++++++++--
 templates/style.css | 51 +++++++++++++++++++++++++++++++++++++++++++--
 3 files changed, 99 insertions(+), 4 deletions(-)

diff --git a/.gitignore b/.gitignore
index ea8c4bf..afd4ccc 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1 +1,2 @@
 /target
+.history
\ No newline at end of file
diff --git a/output/style.css b/output/style.css
index 6a8a0a8..63a7c05 100644
--- a/output/style.css
+++ b/output/style.css
@@ -1,3 +1,50 @@
-h2,h3,h4,h5,h6 {
-	display: inline;
+h2,
+h3,
+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;
+}
+
+.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);
+}
+
+details[open] summary {
+  position: sticky;
 }
diff --git a/templates/style.css b/templates/style.css
index 6a8a0a8..63a7c05 100644
--- a/templates/style.css
+++ b/templates/style.css
@@ -1,3 +1,50 @@
-h2,h3,h4,h5,h6 {
-	display: inline;
+h2,
+h3,
+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;
+}
+
+.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);
+}
+
+details[open] summary {
+  position: sticky;
 }