From ca22b6115b45931187ecc5e3001eb252ade169f3 Mon Sep 17 00:00:00 2001
From: Jieiku
Date: Thu, 9 Jun 2022 21:57:10 -0700
Subject: Add Theme Switcher

---
 sass/include/_button.scss     | 4 ++--
 sass/include/_icons.scss      | 2 ++
 sass/include/_nav.scss        | 2 +-
 sass/include/_typography.scss | 2 +-
 sass/include/_zola.scss       | 4 ++++
 5 files changed, 10 insertions(+), 4 deletions(-)
 create mode 100644 sass/include/_zola.scss

(limited to 'sass/include')

diff --git a/sass/include/_button.scss b/sass/include/_button.scss
index c1b1d9e..62c7c47 100644
--- a/sass/include/_button.scss
+++ b/sass/include/_button.scss
@@ -17,11 +17,11 @@ button,
 [type="button" i],
 [type="submit" i],
 [type="reset" i] {
-  -webkit-appearance: button;
+  //-webkit-appearance: button;
   display: inline-block;
   text-align: center;
   white-space: nowrap;
-  background: var(--c2);
+  //background: var(--c2);
   color: var(--f1);
   border: 0;
   cursor: pointer;
diff --git a/sass/include/_icons.scss b/sass/include/_icons.scss
index fd4e988..bf065aa 100644
--- a/sass/include/_icons.scss
+++ b/sass/include/_icons.scss
@@ -26,6 +26,7 @@
     check: "%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='#{map-get($p, s)}' stroke-width='#{map-get($p, sw)}' fill='#{map-get($p, f)}' viewBox='0 0 24 24'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E",
     chevron: "%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='#{map-get($p, s)}' stroke-width='#{map-get($p, sw)}' fill='#{map-get($p, f)}' viewBox='0 0 24 24'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E",
     clock: "%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='#{map-get($p, s)}' stroke-width='#{map-get($p, sw)}' fill='#{map-get($p, f)}' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 6v6l4 2'/%3E%3C/svg%3E",
+    contrast: "%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='#{map-get($p, s)}' stroke-width='#{map-get($p, sw)}' fill='#{map-get($p, f)}' viewBox='0 0 24 24'%3E%3Cpath d='M12 0C6 0 0 6 0 12s5 12 12 12 12-5 12-12S19 0 12 0Zm0 4c5 0 8 3 8 8s-3 8-8 8V4Z'/%3E%3C/svg%3E",
     date: "%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='#{map-get($p, s)}' stroke-width='#{map-get($p, sw)}' fill='#{map-get($p, f)}' viewBox='0 0 24 24'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'/%3E%3Cpath d='M16 2v4M8 2v4m-5 4h18'/%3E%3C/svg%3E",
     docker: "%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='#{map-get($p, s)}' stroke-width='#{map-get($p, sw)}' fill='#{map-get($p, f)}' viewBox='0 0 24 24'%3E%3Cpath d='M4 19.8S7 20 8 18m-4-7h3v3H4Zm3 0h3v3H7Zm3 0h3v3h-3ZM7 8h3v3H7Zm3 0h3v3h-3Zm0-3h3v3h-3Zm10 8c-1 0-1 0-1.4-1.9C18.5 10 17 10 17 12c0 1 0 2-3 2H1a9 9 0 0 0 3 6c3 2 5 2 9 1a10.8 10.8 90 0 0 5-4c1-2 1-1 3-2s1-2 0-2Z'/%3E%3C/svg%3E%0A",
     element: "%3Csvg xmlns='http://www.w3.org/2000/svg' fill='#{map-get($p, f)}' viewBox='0 0 24 24'%3E%3Cpath d='M12 0C5 0 0 6 0 12s6 12 12 12 12-6 12-12A12 12 0 0 0 12 0Zm-1 4c4 0 6 3 6 6 0 2-2 2-2 0s-2-4-4-4-2-2 0-2Zm-7 9c0-4 3-6 6-6 2 0 2 2 0 2s-4 2-4 4-2 2-2 0Zm9 7c-4 0-6-3-6-6 0-2 2-2 2 0s2.4 4 4 4c2 0 2 2 0 2Zm1-3c-2 0-2-2 0-2s4-2 4-4 2-2 2 0c0 4-3 6-6 6Z'/%3E%3C/svg%3E",
@@ -65,6 +66,7 @@
   @if $icon-check {.check { background-image: icon(check, "%23888", 2, "none") }}
   @if $icon-chevron {.chevron { background-image: icon(chevron, "%23888", 2, "none") }}
   @if $icon-clock {.clock { background-image: icon(clock, "%23888", 2, "none") }}
+  @if $icon-contrast {.contrast { background-image: icon(contrast, "none", 1, "%23888") }}
   @if $icon-date {.date { background-image: icon(date, "%23888", 2, "none") }}
   @if $icon-docker {.docker { background-image: icon(docker, "%2329e", 2, "none") }}
   @if $icon-element {.element { background-image: icon(element, "none", 1, "%231c8") }}
diff --git a/sass/include/_nav.scss b/sass/include/_nav.scss
index f28d92f..090fbc4 100644
--- a/sass/include/_nav.scss
+++ b/sass/include/_nav.scss
@@ -34,7 +34,7 @@ header > nav > div:first-of-type {//Keep the logo from wrapping
 }
 header > nav > div:nth-child(2) {//puts logo on left and menu/search on right
   margin-left: auto;
-  padding-right: var(--s1);//add some spacing between nav divs
+  padding-right: var(--s2);//add some spacing between nav divs
 }
 nav > div {
   ul, h2 {
diff --git a/sass/include/_typography.scss b/sass/include/_typography.scss
index 97f1e3e..db39f35 100644
--- a/sass/include/_typography.scss
+++ b/sass/include/_typography.scss
@@ -109,7 +109,7 @@ p,
 pre,
 table,
 ul {
-  margin: var(--s1) 0;
+  margin: .7rem 0;
   color: var(--f1);
   font-style: normal;
   font-weight: var(--fw);
diff --git a/sass/include/_zola.scss b/sass/include/_zola.scss
new file mode 100644
index 0000000..e07c1e1
--- /dev/null
+++ b/sass/include/_zola.scss
@@ -0,0 +1,4 @@
+.sum {margin: 0.2rem 0}
+.info {font-size: .8rem}
+.hpad {padding: 0 .4rem}
+.rpad {padding-right: .4rem}
\ No newline at end of file
-- 
cgit v1.3.1