Cleanup CSS

Remove unused variables and inline rest values.

1 files changed, 15 insertions, 31 deletions

diff --git a/share/style.css b/share/style.css
index bb8537c..219a2db 100644
--- a/share/style.css
+++ b/share/style.css
@@ -1,42 +1,30 @@
 /* Design based on Bear blog: https://bearblog.dev */
 
-:root {
-    --width: 720px;
-    --font-main: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto",
+body {
+    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto",
                  "Oxygen", "Ubuntu", "Cantarell", "Fira Sans",  "Droid Sans",
                  "Helvetica Neue", sans-serif;
-    --font-scale: 1em;
-    --background-color: #fff;
-    --heading-color: #222;
-    --text-color: #444;
-    --link-color: #3273dc;
-    --visited-color:  #8b6fcb;
-    --code-background-color: #f2f2f2;
-    --code-color: #222;
-    --blockquote-color: #222;
-}
-
-body {
-    font-family: var(--font-main);
-    font-size: var(--font-scale);
+    font-size: 1em;
     margin: auto;
     padding: 20px;
-    max-width: var(--width);
+    max-width: 720px;
     text-align: left;
-    background-color: var(--background-color);
+    background-color: #fff;
     word-wrap: break-word;
     overflow-wrap: break-word;
     line-height: 1.5;
-    color: var(--text-color);
+    color: #444;
 }
 
-h1, h2, h3, h4, h5, h6 {
-    font-family: var(--font-main);
-    color: var(--heading-color);
+h1, h2, h3, h4, h5, h6, strong, b {
+    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto",
+                 "Oxygen", "Ubuntu", "Cantarell", "Fira Sans",  "Droid Sans",
+                 "Helvetica Neue", sans-serif;
+    color: #222;
 }
 
 a {
-    color: var(--link-color);
+    color: #3273dc;
     cursor: pointer;
     text-decoration: none;
 }
@@ -49,10 +37,6 @@ nav a {
     margin-right: 8px;
 }
 
-strong, b {
-    color: var(--heading-color);
-}
-
 button {
     margin: 0;
     cursor: pointer;
@@ -78,13 +62,13 @@ img {
 code {
     font-family: monospace;
     padding: 2px;
-    color: var(--code-color);
+    color: #222;
     border-radius: 3px;
 }
 
 blockquote {
     border-left: 1px solid #999;
-    color: var(--code-color);
+    color: #222;
     padding-left: 20px;
     font-style: italic;
 }
@@ -124,5 +108,5 @@ ul.posts time {
 }
 
 ul.posts li a:visited {
-    color: var(--visited-color);
+    color: #8b6fcb;
 }