From 386d8a0987b8e65352222b5f81a0c13eb86d993a Mon Sep 17 00:00:00 2001
From: hellekin <how@cepheide.org>
Date: Tue, 7 Nov 2023 17:51:28 +0100
Subject: Prepare CSS for icons and extra navigation related to bookstore

---
 assets/scss/_header-nav.scss | 31 +++++++++++++++++++++++++++++++
 assets/scss/_icons.scss      |  4 ++++
 2 files changed, 35 insertions(+)
 create mode 100644 assets/scss/_header-nav.scss
 create mode 100644 assets/scss/_icons.scss

diff --git a/assets/scss/_header-nav.scss b/assets/scss/_header-nav.scss
new file mode 100644
index 0000000..49e9d86
--- /dev/null
+++ b/assets/scss/_header-nav.scss
@@ -0,0 +1,31 @@
+article > header > nav {
+    margin: 0 auto;
+
+    ul {
+	list-style: none;
+	margin: 1rem auto;
+	padding: 0;
+	display: flex;
+	width: 100%;
+
+	li {
+	    margin: 0 auto;
+	    padding: 0.5rem;
+	    flex: 1;
+	    text-align: center;
+	    border: 1px solid;
+	    width: 12rem;
+
+	    a {
+		display: inline-block;
+		position: relative;
+		width: 100%;
+		height: 100%;
+	    }
+	}
+    }
+}
+
+body.txt article > header > nav a {
+    background-color: $bg-txt-on;
+}
diff --git a/assets/scss/_icons.scss b/assets/scss/_icons.scss
new file mode 100644
index 0000000..ca44689
--- /dev/null
+++ b/assets/scss/_icons.scss
@@ -0,0 +1,4 @@
+a[href~=*.rss] {
+    background: url(../img/rss.svg) left top/1rem no-repeat;
+    padding-left: 1rem;
+}
-- 
cgit v1.2.3