From a93400f0902027c094bbd76fd50ea6f31e489d12 Mon Sep 17 00:00:00 2001
From: Valentin Popov <valentin@popov.link>
Date: Thu, 12 Sep 2024 16:39:06 +0000
Subject: [PATCH] Refactor Astro components and layouts

---
 src/components/Header.astro | 46 +++++++++++++++++++++++++++++++++++++
 src/scss/_navbar.scss       | 41 ---------------------------------
 src/scss/global.scss        |  4 ----
 3 files changed, 46 insertions(+), 45 deletions(-)
 delete mode 100644 src/scss/_navbar.scss

diff --git a/src/components/Header.astro b/src/components/Header.astro
index 0fd9269..5b163c8 100644
--- a/src/components/Header.astro
+++ b/src/components/Header.astro
@@ -2,6 +2,52 @@
 
 ---
 
+<style lang="scss">
+	@import "../scss/_variables.scss";
+
+	header {
+		background-color: $colorBg;
+		border-bottom: 1px solid $colorHeader;
+		box-shadow: 0 5px 5px $colorBg;
+		left: 0;
+		line-height: 3.5em;
+		opacity: 0.975;
+		position: fixed;
+		right: 0;
+		top: 0;
+	}
+
+	nav {
+		margin: auto;
+		max-width: 60em;
+		padding: 0 4em;
+		text-align: right;
+
+		a {
+			color: $colorText;
+			padding: 0 1em;
+
+			&:visited {
+				color: $colorText;
+			}
+		}
+	}
+
+	@media (width <=684px) {
+		header {
+			box-shadow: none;
+		}
+
+		nav {
+			padding: 0 2em;
+
+			span {
+				display: none;
+			}
+		}
+	}
+</style>
+
 <header>
 	<nav>
 		<a href="/feed.xml">RSS</a>
diff --git a/src/scss/_navbar.scss b/src/scss/_navbar.scss
deleted file mode 100644
index 9dea596..0000000
--- a/src/scss/_navbar.scss
+++ /dev/null
@@ -1,41 +0,0 @@
-header {
-	background-color: $colorBg;
-	border-bottom: 1px solid $colorHeader;
-	box-shadow: 0 5px 5px $colorBg;
-	left: 0;
-	line-height: 3.5em;
-	opacity: 0.975;
-	position: fixed;
-	right: 0;
-	top: 0;
-}
-
-nav {
-	margin: auto;
-	max-width: 60em;
-	padding: 0 4em;
-	text-align: right;
-
-	a {
-		color: $colorText;
-		padding: 0 1em;
-
-		&:visited {
-			color: $colorText;
-		}
-	}
-}
-
-@media (width <=684px) {
-	header {
-		box-shadow: none;
-	}
-
-	nav {
-		padding: 0 2em;
-
-		span {
-			display: none;
-		}
-	}
-}
diff --git a/src/scss/global.scss b/src/scss/global.scss
index 831aa25..0e660b1 100644
--- a/src/scss/global.scss
+++ b/src/scss/global.scss
@@ -1,7 +1,3 @@
-// Base
 @import "variables";
 @import "framework";
 @import "print";
-
-// Modules
-@import "navbar";