From e1e6ca773b8aa467c21fb7230d042c372efe3f6f Mon Sep 17 00:00:00 2001
From: Adam Wathan <adam.wathan@gmail.com>
Date: Mon, 28 Aug 2017 09:18:17 -0400
Subject: [PATCH] Update tailwind config in docs

---
 docs/tailwind-config.js | 98 +++++++++++++++++++++--------------------
 1 file changed, 50 insertions(+), 48 deletions(-)

diff --git a/docs/tailwind-config.js b/docs/tailwind-config.js
index 33d89b854..f28c25905 100644
--- a/docs/tailwind-config.js
+++ b/docs/tailwind-config.js
@@ -136,54 +136,56 @@ module.exports = {
       'pink-lightest',
     ]
   },
-  backgroundColors: [
-    {
-      'light': 'white',
-      'light-soft': 'grey-200',
-      'light-softer': 'grey-300',
-      'light-softest': 'grey-400',
-      'dark': 'grey-900',
-      'dark-soft': 'grey-800',
-      'dark-softer': 'grey-700',
-      'dark-softest': 'grey-600',
-    },
-    'red-dark',
-    'red',
-    'red-light',
-    'red-lightest',
-    'orange-dark',
-    'orange',
-    'orange-light',
-    'orange-lightest',
-    'yellow-dark',
-    'yellow',
-    'yellow-light',
-    'yellow-lightest',
-    'green-dark',
-    'green',
-    'green-light',
-    'green-lightest',
-    'teal-dark',
-    'teal',
-    'teal-light',
-    'teal-lightest',
-    'blue-dark',
-    'blue',
-    'blue-light',
-    'blue-lightest',
-    'indigo-dark',
-    'indigo',
-    'indigo-light',
-    'indigo-lightest',
-    'purple-dark',
-    'purple',
-    'purple-light',
-    'purple-lightest',
-    'pink-dark',
-    'pink',
-    'pink-light',
-    'pink-lightest',
-  ],
+  backgrounds: {
+    colors: [
+      {
+        'light': 'white',
+        'light-soft': 'grey-200',
+        'light-softer': 'grey-300',
+        'light-softest': 'grey-400',
+        'dark': 'grey-900',
+        'dark-soft': 'grey-800',
+        'dark-softer': 'grey-700',
+        'dark-softest': 'grey-600',
+      },
+      'red-dark',
+      'red',
+      'red-light',
+      'red-lightest',
+      'orange-dark',
+      'orange',
+      'orange-light',
+      'orange-lightest',
+      'yellow-dark',
+      'yellow',
+      'yellow-light',
+      'yellow-lightest',
+      'green-dark',
+      'green',
+      'green-light',
+      'green-lightest',
+      'teal-dark',
+      'teal',
+      'teal-light',
+      'teal-lightest',
+      'blue-dark',
+      'blue',
+      'blue-light',
+      'blue-lightest',
+      'indigo-dark',
+      'indigo',
+      'indigo-light',
+      'indigo-lightest',
+      'purple-dark',
+      'purple',
+      'purple-light',
+      'purple-lightest',
+      'pink-dark',
+      'pink',
+      'pink-light',
+      'pink-lightest',
+    ],
+  },
   borders: {
     defaults: {
       width: '1px',