Improve Icons, Spacing, Pagination

4 files changed, 33 insertions, 11 deletions

diff --git a/sass/include/_button.scss b/sass/include/_button.scss
index 62c7c47..d725120 100644
--- a/sass/include/_button.scss
+++ b/sass/include/_button.scss
@@ -13,6 +13,9 @@ textarea {
   line-height: var(--fs);
   color: var(--f1);
 }
+button.del {
+  color: var(--cr);
+}
 button,
 [type="button" i],
 [type="submit" i],
diff --git a/sass/include/_icons.scss b/sass/include/_icons.scss
index b9a8e62..75584c1 100644
--- a/sass/include/_icons.scss
+++ b/sass/include/_icons.scss
@@ -101,6 +101,7 @@
     height: 1.8rem;
     display: inline-block;
     overflow: hidden;
+    text-align: center;
     vertical-align: middle
   }
   .svgs {
@@ -108,6 +109,7 @@
     height: var(--fs);
     display: inline-block;
     //overflow: hidden;
+    text-align: center;
     vertical-align: middle
   }
   .svgh:hover {
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 {
diff --git a/sass/include/_zola.scss b/sass/include/_zola.scss
index 7ce0534..cf69f46 100644
--- a/sass/include/_zola.scss
+++ b/sass/include/_zola.scss
@@ -7,6 +7,9 @@
 .s70 {font-size: .70em}
 .hpad {padding: 0 .2rem}
 .rpad {padding-right: .2rem}
+.si {
+  font-size: 1.5em
+}
 pre code[data-lang]::before {
     content: ' ' attr(data-lang) ': ' "
 ";