From 2ef7c0ec1ff976b807691fea23eaaf5ea1e93bc9 Mon Sep 17 00:00:00 2001
From: Jieiku
Date: Sun, 27 Mar 2022 19:19:28 -0700
Subject: init

---
 sass/include/_nav.scss | 62 ++++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 62 insertions(+)
 create mode 100644 sass/include/_nav.scss

(limited to 'sass/include/_nav.scss')

diff --git a/sass/include/_nav.scss b/sass/include/_nav.scss
new file mode 100644
index 0000000..9dd4dac
--- /dev/null
+++ b/sass/include/_nav.scss
@@ -0,0 +1,62 @@
+/**
+ * Horizontal Nav
+ * https://github.com/raj457036/attriCSS
+ */
+main nav a,
+main nav a:visited {
+	font-weight: var(--fh);
+  border: .1rem solid var(--f2);
+  border-radius: var(--br);
+  padding: .3rem var(--s1);
+	margin: var(--s1);
+}
+main nav a:hover {
+  border-color: var(--a3);
+}
+nav {
+  align-items: center;
+  display: flex;
+  justify-content: space-between;
+  div {
+		ul {
+			line-height: 0;
+			margin-top: 0;
+			padding-bottom: var(--s1);
+		}
+    display: block;
+    margin-left: auto
+  }
+  div h2 {
+    font-size: 1rem;
+    &:hover {
+      color: var(--a3);
+    }
+  }
+  header {
+    display: inline;
+  }
+  header h1, div ul {
+    margin-bottom: 0
+  }
+  ul li {
+    display: inline-block;
+    margin: 0 0.2rem;
+    position: relative;
+    text-align: left;
+  }
+}
+
+@if map-get($breakpoints, "md") {
+  @media (max-width: map-get($breakpoints, "md")) {
+    header nav {
+      display: flex;
+      flex-direction: column;
+      header {
+        text-align: center
+      }
+      div {
+        margin: auto
+      }
+    }
+  }
+}
-- 
cgit v1.3.1