Merge pull request #1 from archae0pteryx/master

Variable Idea
ajusa · Jan 3, 2018 · 086888b · 086888b
2 parents 4b71abd + a1bef28
commit 086888b
Showing 1 changed file with 22 additions and 14 deletions.
diff --git a/lit.css b/lit.css
@@ -4,7 +4,16 @@
 * Font set to: Nunito
 * Use ctrl-f to change these
 */
-
+:root {
+    --primary-font: Nunito;
+    --primary-color: #212121;
+    --secondary-color: #dbdbdb;
+    --accent-color: #234567;
+    --link-color: gold;
+    --border-color: green;
+    --primary-button-bg: gold;
+    --primary-button-txt: var(--secondary-color);
+}
 * {
     box-sizing: border-box;
 }
@@ -68,7 +77,7 @@
 }
 
 body {
-    font: 1em/1.6 Nunito;
+    font: 1em/1.6 var(--primary-font);
 }
 
 h1,
@@ -77,7 +86,7 @@ h3,
 h4,
 h5,
 h6 {
-    font: 300 1em Nunito;
+    font: 300 1em var(--primary-font);
     margin: .4em 0;
 }
 
@@ -101,16 +110,15 @@ h5 {
     font-size: 1.3em
 }
 
-
 a {
-    color: #FA0;
+    color: var(--link-color);
     text-decoration: unset;
 }
+
 a:hover {
     opacity: .5;
 }
 
-
 .btn {
     padding: 1em 20px; /*making this just padding: 1em; could save 3 bytes*/
     letter-spacing: .1em;
@@ -128,8 +136,8 @@ a:hover {
 }
 
 .btn.primary {
-    color: #FFF;
-    background: #FA0;
+    color: var(--primary-button-txt);
+    background: var(--primary-button-bg);
     border: unset;
 }
 
@@ -138,20 +146,20 @@ input,
 textarea,
 select {
     padding: 1em;
-    border: solid #eee;
+    border: solid var(--border-color);
     margin: 0 0 1em;
 }
 
 input:focus,
 textarea:focus,
 select:focus {
-    border: solid #FA0;
+    border: solid var(--border-color);
     outline: 0;
 }
 
 
 pre {
-    border: solid #eee;
+    border: solid var(--border-color);
     overflow: auto;
 }
 
@@ -160,7 +168,7 @@ th,
 td {
     padding: 1em;
     text-align: left;
-    border-bottom: solid #eee;
+    border-bottom: solid var(--border-color);
 }
 
 
@@ -170,9 +178,9 @@ td {
 
 hr {
     margin: 3em;
-    border: solid #eee;
+    border: solid var(--border-color);
 }
 
 .row {
     overflow: auto;
-}
+}