From cd392fb852ef6d8e903721527ad184ccb147daa8 Mon Sep 17 00:00:00 2001
From: Jieiku
Date: Tue, 21 Jun 2022 19:44:09 -0700
Subject: Improve Icons, Spacing, Pagination

---
 sass/include/_nav.scss | 36 +++++++++++++++++++++++++-----------
 1 file changed, 25 insertions(+), 11 deletions(-)

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

diff --git a/sass/include/_nav.scss b/sass/include/_nav.scss
index d9d67a8..b7c21cb 100644
--- a/sass/include/_nav.scss
+++ b/sass/include/_nav.scss
@@ -2,16 +2,7 @@
  * Horizontal Nav
  * https://github.com/raj457036/attriCSS
  */
-.cnav {
-  color: var(--a3);//pagination color current page
-}
-.off {
-  color: var(--c4);
-  font-weight: var(--fh);
-  border: .1rem solid var(--c3);
-  border-radius: var(--br);
-  padding: .1rem var(--s1);
-}
+
 main nav a,
 main nav a:visited {//pagination link styling
   font-weight: var(--fh);
@@ -59,10 +50,33 @@ nav {
   }
 }
 main nav {
+  ul {
+    display: flex;
+  }
   margin-top: var(--s2);//pagination margin
-    li {
+  li {
     margin: .1rem;
   }
+  li.inp {
+    padding-top: .1rem;
+  }
+}
+.outp {
+  padding: 0 .34rem .2rem;
+}
+.off {
+  color: var(--c4);
+  font-weight: var(--fh);
+  border: .1rem solid var(--c3);
+  border-radius: var(--br);
+}
+.on {
+  font-weight: var(--fh);
+  border: .1rem solid var(--c4);
+  border-radius: var(--br);
+}
+.mode:hover, .cnav {
+  color: var(--a3);//pagination color current page
 }
 footer nav {
   ul {
-- 
cgit v1.3.1