From c6b7fdced70be49f84cfcddafa1b1cd684241f10 Mon Sep 17 00:00:00 2001
From: Adam Wathan <adam.wathan@gmail.com>
Date: Mon, 14 Aug 2017 22:07:27 -0400
Subject: [PATCH] WIP on tons of color crap

---
 docs/source/_assets/less/main.less | 33 ------------------------------
 docs/source/backgrounds.md         | 15 ++++++++++----
 2 files changed, 11 insertions(+), 37 deletions(-)

diff --git a/docs/source/_assets/less/main.less b/docs/source/_assets/less/main.less
index 60d8a23bb..d7bd87d3d 100644
--- a/docs/source/_assets/less/main.less
+++ b/docs/source/_assets/less/main.less
@@ -30,37 +30,4 @@ a {
   '8' 2rem,
   '12' 3rem,
   '16' 4rem,
-<<<<<<< HEAD
-=======
-;
-
-@text-colors:
-  'light' @text-light,
-  'light-soft' @text-light-soft,
-  'light-softer' @text-light-softer,
-  'light-softest' @text-light-softest,
-
-  'dark' @text-dark,
-  'dark-soft' @text-dark-soft,
-  'dark-softer' @text-dark-softer,
-  'dark-softest' @text-dark-softest,
-
-  'primary' #3498DB,
-  'primary-light' lighten(#3498DB, 25%),
-  'primary-dark' #2980B9,
-;
-
-@bg-colors:
-  'light' hsl(0, 0%, 100%),
-  'light-soft' hsl(0, 0%, 98%),
-  'light-softer' hsl(0, 0%, 96%),
-
-  'dark' hsl(0, 0%, 33%),
-  'dark-soft' hsl(0, 0%, 42%),
-  'dark-softer' hsl(0, 0%, 52%),
-
-  'primary' #3498db,
-  'primary-light' #a0cfee,
-  'primary-dark' #2980b9,
->>>>>>> Add shadows documentation.
 ;
diff --git a/docs/source/backgrounds.md b/docs/source/backgrounds.md
index 57053099e..9287ca67d 100644
--- a/docs/source/backgrounds.md
+++ b/docs/source/backgrounds.md
@@ -46,13 +46,19 @@ title: "Backgrounds"
     <td class="w-24 h-12 bg-orange-light border-b border-dark-overlay-softer"></td>
     <td class="border-b border-dark-overlay-softer py-3 px-6" style="vertical-align: middle;"><code>.bg-orange-light</code></td>
   </tr>
-  <tr>
-    <td class="w-24 h-12 bg-yellow border-b border-dark-overlay-softer"></td>
-    <td class="border-b border-dark-overlay-softer py-3 px-6" style="vertical-align: middle;"><code>.bg-yellow</code></td>
-  </tr>
   <tr>
     <td class="w-24 h-12 bg-yellow-light border-b border-dark-overlay-softer"></td>
     <td class="border-b border-dark-overlay-softer py-3 px-6" style="vertical-align: middle;"><code>.bg-yellow-light</code></td>
+    <td class="w-24 h-12 bg-amber border-b border-dark-overlay-softer"></td>
+    <td class="border-b border-dark-overlay-softer py-3 px-6" style="vertical-align: middle;"><code>.bg-amber</code></td>
+  </tr>
+  <tr>
+    <td class="w-24 h-12 bg-amber-light border-b border-dark-overlay-softer"></td>
+    <td class="border-b border-dark-overlay-softer py-3 px-6" style="vertical-align: middle;"><code>.bg-amber-light</code></td>
+  </tr>
+  <tr>
+    <td class="w-24 h-12 bg-yellow border-b border-dark-overlay-softer"></td>
+    <td class="border-b border-dark-overlay-softer py-3 px-6" style="vertical-align: middle;"><code>.bg-yellow</code></td>
   </tr>
   <tr>
     <td class="w-24 h-12 bg-green border-b border-dark-overlay-softer"></td>
@@ -103,6 +109,7 @@ title: "Backgrounds"
     <td class="border-b border-dark-overlay-softer py-3 px-6" style="vertical-align: middle;"><code>.bg-pink-light</code></td>
   </tr>
 </table>
+</table>
 
 Using the utilities in HTML: