Prepare CSS for icons and extra navigation related to bookstore

1 files changed, 31 insertions, 0 deletions

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;
+}