wrapper/tailwindcss
1
0
Fork 0
Code Issues Pull requests Projects Releases 1 Packages Wiki Activity Actions

Add transition-shadow, transition box-shadow in transition also

Browse source
This commit is contained in:
Adam Wathan 2020-02-01 13:40:57 -05:00
parent bb1e62998f
commit e0771bdb5c
3 changed files with 52 additions and 11 deletions
Download patch file Download diff file Expand all files Collapse all files

30
__tests__/fixtures/tailwind-output-important.css
View file

@ -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;
}

30
__tests__/fixtures/tailwind-output.css
View file

@ -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;
}

3
stubs/defaultConfig.stub.js
View file

@ -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: {