diff --git a/__tests__/fixtures/tailwind-output-important.css b/__tests__/fixtures/tailwind-output-important.css index d32ac6414..7b48713b2 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 { @@ -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 index a164cdd0b..69539a3cd 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 { @@ -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 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') )