Merge pull request tailwindlabs#1286 from florianbouvot/master

Fix box-sizing values
aikusuma · Dec 30, 2019 · 28dab5e · 28dab5e
2 parents 84c3bf3 + bad1033
commit 28dab5e
Show file tree

Hide file tree

Showing 3 changed files with 22 additions and 22 deletions.
diff --git 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 {
@@ -13021,11 +13021,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 {
@@ -22703,11 +22703,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 {
@@ -32385,11 +32385,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 {
@@ -42067,11 +42067,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
@@ -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 {
@@ -13021,11 +13021,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 {
@@ -22703,11 +22703,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 {
@@ -32385,11 +32385,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 {
@@ -42067,11 +42067,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
@@ -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')
     )