From d50a4d508d357f70f22e8e0d837c3c4962468321 Mon Sep 17 00:00:00 2001
From: Camil Staps
Date: Tue, 28 Nov 2023 16:24:38 +0100
Subject: Add navigation

---
 resources/sass/style.scss | 24 ++++++++++++++++++++++++
 1 file changed, 24 insertions(+)

(limited to 'resources/sass')

diff --git a/resources/sass/style.scss b/resources/sass/style.scss
index f92f58d..227093c 100644
--- a/resources/sass/style.scss
+++ b/resources/sass/style.scss
@@ -17,12 +17,36 @@
 
 body {
 	font-family: Hebrew, sans-serif;
+	position: relative;
 }
 
 .container {
 	max-width: 970px;
 }
 
+#sticky-nav {
+	padding-top: 1em;
+}
+
+@media (min-width: 1270px) {
+	/* 970px is width of .container; 200px is width of #sticky-nav. This places
+	 * the nav buttons to the left of the content. */
+	#sticky-nav {
+		left: calc(50% - 970px/2 - 150px);
+		position: fixed;
+		text-align: right;
+		width: 150px;
+	}
+
+	#sticky-nav li {
+		float: none;
+	}
+
+	#sticky-nav li > a {
+		display: inline-block;
+	}
+}
+
 .greyed-out {
 	color: #888;
 }
-- 
cgit v1.2.3