From 263fba0943921b3dd4a7a5be5d2841916916c292 Mon Sep 17 00:00:00 2001
From: Cory LaViska <cory@abeautifulsite.net>
Date: Wed, 16 Aug 2017 17:26:23 -0400
Subject: [PATCH] Use hex instead of var()

---
 source/css/_docs.css     | 23 +++++++++--------------
 source/css/_homepage.css |  2 +-
 2 files changed, 10 insertions(+), 15 deletions(-)

diff --git a/source/css/_docs.css b/source/css/_docs.css
index e1db17713..3c7af68dc 100644
--- a/source/css/_docs.css
+++ b/source/css/_docs.css
@@ -1,5 +1,5 @@
 body {
-  border-top: solid .3rem var(--color-aqua);
+  border-top: solid .3rem #7fdbff;
 }
 
 #head {
@@ -27,26 +27,21 @@ body {
 
 #nav {
   text-align: right;
-  border-right: solid var(--component-border-width) var(--component-border-color);
+  border-right: solid 1px #ddd;
   padding-right: 1rem;
   margin-right: 2rem;
 }
 
 #nav a {
-  border-radius: var(--component-border-radius);
   margin: .5rem 0;
   display: block;
 }
 
 #nav a.current {
-  color: var(--state-secondary);
+  color: #aaa;
   cursor: default;
 }
 
-#nav a.current:hover {
-
-}
-
 #foot {
   text-align: center;
   margin: 2rem 0;
@@ -109,7 +104,7 @@ h4[id]:not(:first-child) {
 
 h3[id],
 h4[id] {
-  color: var(--color-gray);
+  color: #aaa;
 }
 
 pre {
@@ -148,13 +143,13 @@ a code {
 
 /* Sizing examples */
 .width-sizing-example {
-  border: solid 1px var(--component-border-color);
+  border: solid 1px #ddd;
   padding: 1rem;
   margin-bottom: 1rem;
 }
 
 .width-sizing-example div {
-  background: var(--state-primary);
+  background: tomato;
   color: white;
   text-align: center;
   padding: .25rem;
@@ -166,7 +161,7 @@ a code {
 }
 
 .height-sizing-example {
-  border: solid 1px var(--component-border-color);
+  border: solid 1px #ddd;
   height: 15rem;
   padding: 1rem .5rem;
   margin-bottom: 1rem;
@@ -175,7 +170,7 @@ a code {
 .height-sizing-example div {
   width: calc(25% - 1rem);
   float: left;
-  background: var(--state-primary);
+  background: tomato;
   color: white;
   text-align: center;
   padding: .25rem;
@@ -187,7 +182,7 @@ a code {
   float: left;
   width: 6rem;
   height: 6rem;
-  border: dashed 1px var(--component-border-color);
+  border: dashed 1px #ddd;
   margin-right: .5rem;
 }
 
diff --git a/source/css/_homepage.css b/source/css/_homepage.css
index fdfec1bc6..014e5558e 100644
--- a/source/css/_homepage.css
+++ b/source/css/_homepage.css
@@ -1,5 +1,5 @@
 body {
-  border-top: solid .3rem var(--color-aqua);
+  border-top: solid .3rem #7fdbff;
 }
 
 #head {