From e3680da1ad9d8756254d2627c809cb676d8bde6d Mon Sep 17 00:00:00 2001
From: Alexander Bocken <alexander@bocken.org>
Date: Sun, 18 Feb 2024 23:34:14 +0100
Subject: [PATCH] move globals out of component into css file

---
 src/lib/components/Header.svelte | 21 ++-------------------
 src/lib/css/nordtheme.css        | 17 +++++++++++++++++
 2 files changed, 19 insertions(+), 19 deletions(-)

diff --git a/src/lib/components/Header.svelte b/src/lib/components/Header.svelte
index f276239..b040c11 100644
--- a/src/lib/components/Header.svelte
+++ b/src/lib/components/Header.svelte
@@ -19,23 +19,6 @@ link_els.forEach((el) => {
 
 </script>
 <style>
-:global(*){
-box-sizing: border-box;
-font-family: sans-serif;
-}
-:global(body){
-	margin:0;
-	padding:0;
-	background-color: #fbf9f3;
-	overflow-x: hidden;
-}
-@media (prefers-color-scheme: dark) {
-	:global(body){
-		color: white;
-		background-color: var(--background-dark);
-	}
-}
-
 nav{
 	position: sticky;
 	background-color: var(--nord0);
@@ -127,7 +110,7 @@ footer{
 		position: sticky;
 		background-color: var(--nord0);
 		width: 100%;
-		height: 4rem;
+		height: 3rem;
 		top: 0;
 		z-index: 9999;
 	}
@@ -197,7 +180,7 @@ footer{
 <div>
 <div class=button_wrapper>
 <a href="/"><Symbol></Symbol></a>
-<button class=nav_button on:click={() => {toggle_sidebar()}}><svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 448 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d="M0 96C0 78.3 14.3 64 32 64H416c17.7 0 32 14.3 32 32s-14.3 32-32 32H32C14.3 128 0 113.7 0 96zM0 256c0-17.7 14.3-32 32-32H416c17.7 0 32 14.3 32 32s-14.3 32-32 32H32c-17.7 0-32-14.3-32-32zM448 416c0 17.7-14.3 32-32 32H32c-17.7 0-32-14.3-32-32s14.3-32 32-32H416c17.7 0 32 14.3 32 32z"/></svg></button>
+<button class=nav_button on:click={() => {toggle_sidebar()}}><svg xmlns="http://www.w3.org/2000/svg" height="0.5em" viewBox="0 0 448 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d="M0 96C0 78.3 14.3 64 32 64H416c17.7 0 32 14.3 32 32s-14.3 32-32 32H32C14.3 128 0 113.7 0 96zM0 256c0-17.7 14.3-32 32-32H416c17.7 0 32 14.3 32 32s-14.3 32-32 32H32c-17.7 0-32-14.3-32-32zM448 416c0 17.7-14.3 32-32 32H32c-17.7 0-32-14.3-32-32s14.3-32 32-32H416c17.7 0 32 14.3 32 32z"/></svg></button>
 </div>
 <nav hidden class=nav_site>
 	<a class=entry href="/"><Symbol></Symbol></a>
diff --git a/src/lib/css/nordtheme.css b/src/lib/css/nordtheme.css
index d455fc9..53d31e0 100644
--- a/src/lib/css/nordtheme.css
+++ b/src/lib/css/nordtheme.css
@@ -35,3 +35,20 @@ a:not(:visited){
 a:visited{
 	color: var(--purple);
 }
+
+*{
+	box-sizing: border-box;
+	font-family: Helvetica, Arial, "Noto Sans", sans-serif
+}
+body{
+	margin:0;
+	padding:0;
+	background-color: #fbf9f3;
+	overflow-x: hidden;
+}
+@media (prefers-color-scheme: dark) {
+	body{
+		color: white;
+		background-color: var(--background-dark);
+	}
+}