refactor: moved style of nav bar to it's svelte

2025-09-26 13:01:47 +02:00
parent c39f1d38e9
commit fc23cb6e90
2 changed files with 32 additions and 27 deletions
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -27,3 +27,35 @@
 	>
 </nav>
 {@render children?.()}
+
+<style>
+	nav {
+		margin: var(--d3);
+
+		font-family: 'Fraunces', serif;
+		font-optical-sizing: auto;
+		font-weight: 400;
+		font-style: normal;
+		font-variation-settings:
+			'SOFT' 0,
+			'WONK' 0;
+		font-size: 1.728rem;
+	}
+
+	nav a {
+		margin: 1rem;
+		margin-left: 0rem;
+		padding-left: 0rem;
+		#border-bottom: solid var(--rp-moon-foam);
+		color: var(--rp-moon-foam);
+		&:visited {
+			color: var(--rp-moon-foam);
+		}
+	}
+
+	@media only screen and (max-width: 700px) {
+		nav {
+			margin: var(--d3) var(--d1);
+		}
+	}
+</style>