From bad1033cc79d18bb8ebf1988e7d5df67d7e04f7e Mon Sep 17 00:00:00 2001
From: Florian Bouvot <florian@cometcie.fr>
Date: Fri, 27 Dec 2019 20:27:27 +0100
Subject: [PATCH] Fix box-sizing values

---
 .../fixtures/tailwind-output-important.css    | 20 +++++++++----------
 __tests__/fixtures/tailwind-output.css        | 20 +++++++++----------
 src/plugins/boxSizing.js                      |  4 ++--
 3 files changed, 22 insertions(+), 22 deletions(-)

diff --git a/__tests__/fixtures/tailwind-output-important.css b/__tests__/fixtures/tailwind-output-important.css
index 5e2725b64..5a03feed7 100644
--- a/__tests__/fixtures/tailwind-output-important.css
+++ b/__tests__/fixtures/tailwind-output-important.css
@@ -3340,11 +3340,11 @@ video {
 }
 
 .box-border {
-  box-sizing: border !important;
+  box-sizing: border-box !important;
 }
 
 .box-content {
-  box-sizing: content !important;
+  box-sizing: content-box !important;
 }
 
 .cursor-auto {
@@ -12690,11 +12690,11 @@ video {
   }
 
   .sm\:box-border {
-    box-sizing: border !important;
+    box-sizing: border-box !important;
   }
 
   .sm\:box-content {
-    box-sizing: content !important;
+    box-sizing: content-box !important;
   }
 
   .sm\:cursor-auto {
@@ -22041,11 +22041,11 @@ video {
   }
 
   .md\:box-border {
-    box-sizing: border !important;
+    box-sizing: border-box !important;
   }
 
   .md\:box-content {
-    box-sizing: content !important;
+    box-sizing: content-box !important;
   }
 
   .md\:cursor-auto {
@@ -31392,11 +31392,11 @@ video {
   }
 
   .lg\:box-border {
-    box-sizing: border !important;
+    box-sizing: border-box !important;
   }
 
   .lg\:box-content {
-    box-sizing: content !important;
+    box-sizing: content-box !important;
   }
 
   .lg\:cursor-auto {
@@ -40743,11 +40743,11 @@ video {
   }
 
   .xl\:box-border {
-    box-sizing: border !important;
+    box-sizing: border-box !important;
   }
 
   .xl\:box-content {
-    box-sizing: content !important;
+    box-sizing: content-box !important;
   }
 
   .xl\:cursor-auto {
diff --git a/__tests__/fixtures/tailwind-output.css b/__tests__/fixtures/tailwind-output.css
index f3066a5de..bbfbcea05 100644
--- a/__tests__/fixtures/tailwind-output.css
+++ b/__tests__/fixtures/tailwind-output.css
@@ -3340,11 +3340,11 @@ video {
 }
 
 .box-border {
-  box-sizing: border;
+  box-sizing: border-box;
 }
 
 .box-content {
-  box-sizing: content;
+  box-sizing: content-box;
 }
 
 .cursor-auto {
@@ -12690,11 +12690,11 @@ video {
   }
 
   .sm\:box-border {
-    box-sizing: border;
+    box-sizing: border-box;
   }
 
   .sm\:box-content {
-    box-sizing: content;
+    box-sizing: content-box;
   }
 
   .sm\:cursor-auto {
@@ -22041,11 +22041,11 @@ video {
   }
 
   .md\:box-border {
-    box-sizing: border;
+    box-sizing: border-box;
   }
 
   .md\:box-content {
-    box-sizing: content;
+    box-sizing: content-box;
   }
 
   .md\:cursor-auto {
@@ -31392,11 +31392,11 @@ video {
   }
 
   .lg\:box-border {
-    box-sizing: border;
+    box-sizing: border-box;
   }
 
   .lg\:box-content {
-    box-sizing: content;
+    box-sizing: content-box;
   }
 
   .lg\:cursor-auto {
@@ -40743,11 +40743,11 @@ video {
   }
 
   .xl\:box-border {
-    box-sizing: border;
+    box-sizing: border-box;
   }
 
   .xl\:box-content {
-    box-sizing: content;
+    box-sizing: content-box;
   }
 
   .xl\:cursor-auto {
diff --git a/src/plugins/boxSizing.js b/src/plugins/boxSizing.js
index f843af8a6..90c944f3e 100644
--- a/src/plugins/boxSizing.js
+++ b/src/plugins/boxSizing.js
@@ -2,8 +2,8 @@ export default function() {
   return function({ addUtilities, variants }) {
     addUtilities(
       {
-        '.box-border': { 'box-sizing': 'border' },
-        '.box-content': { 'box-sizing': 'content' },
+        '.box-border': { 'box-sizing': 'border-box' },
+        '.box-content': { 'box-sizing': 'content-box' },
       },
       variants('boxSizing')
     )