From 12ecc8dbb91076a8a3ec317a20860dd5e36af3a7 Mon Sep 17 00:00:00 2001
From: Adam Wathan <adam.wathan@gmail.com>
Date: Fri, 22 Jun 2018 07:48:15 -0400
Subject: [PATCH 1/2] Fix shadow-outline syntax

---
 defaultConfig.stub.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/defaultConfig.stub.js b/defaultConfig.stub.js
index 3a93a9831..419e3da57 100644
--- a/defaultConfig.stub.js
+++ b/defaultConfig.stub.js
@@ -751,7 +751,7 @@ module.exports = {
     'md': '0 4px 8px 0 rgba(0,0,0,0.12), 0 2px 4px 0 rgba(0,0,0,0.08)',
     'lg': '0 15px 30px 0 rgba(0,0,0,0.11), 0 5px 15px 0 rgba(0,0,0,0.08)',
     'inner': 'inset 0 2px 4px 0 rgba(0,0,0,0.06)',
-    'outline': '2px solid rgba(52,144,220,0.5)',
+    'outline': '0 0 0 3px rgba(52,144,220,0.5)',
     'none': 'none',
   },
 

From 06b1651b843daa322a96b68e33145eb7e1691422 Mon Sep 17 00:00:00 2001
From: Adam Wathan <adam.wathan@gmail.com>
Date: Fri, 22 Jun 2018 07:51:50 -0400
Subject: [PATCH 2/2] Update tests

---
 __tests__/fixtures/tailwind-output.css | 30 +++++++++++++-------------
 1 file changed, 15 insertions(+), 15 deletions(-)

diff --git a/__tests__/fixtures/tailwind-output.css b/__tests__/fixtures/tailwind-output.css
index 830bf103e..4467c42a8 100644
--- a/__tests__/fixtures/tailwind-output.css
+++ b/__tests__/fixtures/tailwind-output.css
@@ -4853,7 +4853,7 @@ table {
 }
 
 .shadow-outline {
-  box-shadow: 2px solid rgba(52, 144, 220, .5);
+  box-shadow: 0 0 0 3px rgba(52, 144, 220, .5);
 }
 
 .shadow-none {
@@ -4877,7 +4877,7 @@ table {
 }
 
 .hover\:shadow-outline:hover {
-  box-shadow: 2px solid rgba(52, 144, 220, .5);
+  box-shadow: 0 0 0 3px rgba(52, 144, 220, .5);
 }
 
 .hover\:shadow-none:hover {
@@ -4901,7 +4901,7 @@ table {
 }
 
 .focus\:shadow-outline:focus {
-  box-shadow: 2px solid rgba(52, 144, 220, .5);
+  box-shadow: 0 0 0 3px rgba(52, 144, 220, .5);
 }
 
 .focus\:shadow-none:focus {
@@ -10422,7 +10422,7 @@ table {
   }
 
   .sm\:shadow-outline {
-    box-shadow: 2px solid rgba(52, 144, 220, .5);
+    box-shadow: 0 0 0 3px rgba(52, 144, 220, .5);
   }
 
   .sm\:shadow-none {
@@ -10446,7 +10446,7 @@ table {
   }
 
   .sm\:hover\:shadow-outline:hover {
-    box-shadow: 2px solid rgba(52, 144, 220, .5);
+    box-shadow: 0 0 0 3px rgba(52, 144, 220, .5);
   }
 
   .sm\:hover\:shadow-none:hover {
@@ -10470,7 +10470,7 @@ table {
   }
 
   .sm\:focus\:shadow-outline:focus {
-    box-shadow: 2px solid rgba(52, 144, 220, .5);
+    box-shadow: 0 0 0 3px rgba(52, 144, 220, .5);
   }
 
   .sm\:focus\:shadow-none:focus {
@@ -15984,7 +15984,7 @@ table {
   }
 
   .md\:shadow-outline {
-    box-shadow: 2px solid rgba(52, 144, 220, .5);
+    box-shadow: 0 0 0 3px rgba(52, 144, 220, .5);
   }
 
   .md\:shadow-none {
@@ -16008,7 +16008,7 @@ table {
   }
 
   .md\:hover\:shadow-outline:hover {
-    box-shadow: 2px solid rgba(52, 144, 220, .5);
+    box-shadow: 0 0 0 3px rgba(52, 144, 220, .5);
   }
 
   .md\:hover\:shadow-none:hover {
@@ -16032,7 +16032,7 @@ table {
   }
 
   .md\:focus\:shadow-outline:focus {
-    box-shadow: 2px solid rgba(52, 144, 220, .5);
+    box-shadow: 0 0 0 3px rgba(52, 144, 220, .5);
   }
 
   .md\:focus\:shadow-none:focus {
@@ -21546,7 +21546,7 @@ table {
   }
 
   .lg\:shadow-outline {
-    box-shadow: 2px solid rgba(52, 144, 220, .5);
+    box-shadow: 0 0 0 3px rgba(52, 144, 220, .5);
   }
 
   .lg\:shadow-none {
@@ -21570,7 +21570,7 @@ table {
   }
 
   .lg\:hover\:shadow-outline:hover {
-    box-shadow: 2px solid rgba(52, 144, 220, .5);
+    box-shadow: 0 0 0 3px rgba(52, 144, 220, .5);
   }
 
   .lg\:hover\:shadow-none:hover {
@@ -21594,7 +21594,7 @@ table {
   }
 
   .lg\:focus\:shadow-outline:focus {
-    box-shadow: 2px solid rgba(52, 144, 220, .5);
+    box-shadow: 0 0 0 3px rgba(52, 144, 220, .5);
   }
 
   .lg\:focus\:shadow-none:focus {
@@ -27108,7 +27108,7 @@ table {
   }
 
   .xl\:shadow-outline {
-    box-shadow: 2px solid rgba(52, 144, 220, .5);
+    box-shadow: 0 0 0 3px rgba(52, 144, 220, .5);
   }
 
   .xl\:shadow-none {
@@ -27132,7 +27132,7 @@ table {
   }
 
   .xl\:hover\:shadow-outline:hover {
-    box-shadow: 2px solid rgba(52, 144, 220, .5);
+    box-shadow: 0 0 0 3px rgba(52, 144, 220, .5);
   }
 
   .xl\:hover\:shadow-none:hover {
@@ -27156,7 +27156,7 @@ table {
   }
 
   .xl\:focus\:shadow-outline:focus {
-    box-shadow: 2px solid rgba(52, 144, 220, .5);
+    box-shadow: 0 0 0 3px rgba(52, 144, 220, .5);
   }
 
   .xl\:focus\:shadow-none:focus {