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: Refactor Astro components and layouts

---
 src/components/Header.astro | 46 +++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 46 insertions(+)

(limited to 'src/components/Header.astro')

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>
-- 
cgit v1.2.3