diff --git a/__tests__/fixtures/tailwind-output-important.css b/__tests__/fixtures/tailwind-output-important.css index a78ba037f..b5e5fafe6 100644 --- a/__tests__/fixtures/tailwind-output-important.css +++ b/__tests__/fixtures/tailwind-output-important.css @@ -10327,7 +10327,7 @@ video { } .transition { - transition-property: background-color, border-color, color, fill, stroke, opacity,transform !important; + transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform !important; } .transition-colors { @@ -10338,6 +10338,10 @@ video { transition-property: opacity !important; } +.transition-shadow { + transition-property: box-shadow !important; +} + .transition-transform { transition-property: transform !important; } @@ -20118,7 +20122,7 @@ video { } .sm\:transition { - transition-property: background-color, border-color, color, fill, stroke, opacity,transform !important; + transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform !important; } .sm\:transition-colors { @@ -20129,6 +20133,10 @@ video { transition-property: opacity !important; } + .sm\:transition-shadow { + transition-property: box-shadow !important; + } + .sm\:transition-transform { transition-property: transform !important; } @@ -29910,7 +29918,7 @@ video { } .md\:transition { - transition-property: background-color, border-color, color, fill, stroke, opacity,transform !important; + transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform !important; } .md\:transition-colors { @@ -29921,6 +29929,10 @@ video { transition-property: opacity !important; } + .md\:transition-shadow { + transition-property: box-shadow !important; + } + .md\:transition-transform { transition-property: transform !important; } @@ -39702,7 +39714,7 @@ video { } .lg\:transition { - transition-property: background-color, border-color, color, fill, stroke, opacity,transform !important; + transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform !important; } .lg\:transition-colors { @@ -39713,6 +39725,10 @@ video { transition-property: opacity !important; } + .lg\:transition-shadow { + transition-property: box-shadow !important; + } + .lg\:transition-transform { transition-property: transform !important; } @@ -49494,7 +49510,7 @@ video { } .xl\:transition { - transition-property: background-color, border-color, color, fill, stroke, opacity,transform !important; + transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform !important; } .xl\:transition-colors { @@ -49505,6 +49521,10 @@ video { transition-property: opacity !important; } + .xl\:transition-shadow { + transition-property: box-shadow !important; + } + .xl\:transition-transform { transition-property: transform !important; } diff --git a/__tests__/fixtures/tailwind-output.css b/__tests__/fixtures/tailwind-output.css index c9ffafc43..3bddede50 100644 --- a/__tests__/fixtures/tailwind-output.css +++ b/__tests__/fixtures/tailwind-output.css @@ -10327,7 +10327,7 @@ video { } .transition { - transition-property: background-color, border-color, color, fill, stroke, opacity,transform; + transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform; } .transition-colors { @@ -10338,6 +10338,10 @@ video { transition-property: opacity; } +.transition-shadow { + transition-property: box-shadow; +} + .transition-transform { transition-property: transform; } @@ -20118,7 +20122,7 @@ video { } .sm\:transition { - transition-property: background-color, border-color, color, fill, stroke, opacity,transform; + transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform; } .sm\:transition-colors { @@ -20129,6 +20133,10 @@ video { transition-property: opacity; } + .sm\:transition-shadow { + transition-property: box-shadow; + } + .sm\:transition-transform { transition-property: transform; } @@ -29910,7 +29918,7 @@ video { } .md\:transition { - transition-property: background-color, border-color, color, fill, stroke, opacity,transform; + transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform; } .md\:transition-colors { @@ -29921,6 +29929,10 @@ video { transition-property: opacity; } + .md\:transition-shadow { + transition-property: box-shadow; + } + .md\:transition-transform { transition-property: transform; } @@ -39702,7 +39714,7 @@ video { } .lg\:transition { - transition-property: background-color, border-color, color, fill, stroke, opacity,transform; + transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform; } .lg\:transition-colors { @@ -39713,6 +39725,10 @@ video { transition-property: opacity; } + .lg\:transition-shadow { + transition-property: box-shadow; + } + .lg\:transition-transform { transition-property: transform; } @@ -49494,7 +49510,7 @@ video { } .xl\:transition { - transition-property: background-color, border-color, color, fill, stroke, opacity,transform; + transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform; } .xl\:transition-colors { @@ -49505,6 +49521,10 @@ video { transition-property: opacity; } + .xl\:transition-shadow { + transition-property: box-shadow; + } + .xl\:transition-transform { transition-property: transform; } diff --git a/stubs/defaultConfig.stub.js b/stubs/defaultConfig.stub.js index 5578155e3..ac1ee14e4 100644 --- a/stubs/defaultConfig.stub.js +++ b/stubs/defaultConfig.stub.js @@ -528,9 +528,10 @@ module.exports = { transitionProperty: { none: 'none', all: 'all', - default: 'background-color, border-color, color, fill, stroke, opacity,transform', + default: 'background-color, border-color, color, fill, stroke, opacity, box-shadow, transform', colors: 'background-color, border-color, color, fill, stroke', opacity: 'opacity', + shadow: 'box-shadow', transform: 'transform', }, transitionTimingFunction: {