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

Improve order of color properties in transition and transition-colors utilities

Browse source
This commit is contained in:
Jonathan Reinink 2021-12-15 14:09:27 -05:00
parent 1c7a793c94
commit ec911c73f0
4 changed files with 7 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

4
stubs/defaultConfig.stub.js
View file

@ -854,8 +854,8 @@ module.exports = {
none: 'none',
all: 'all',
DEFAULT:
'background-color, border-color, color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter',
colors: 'background-color, border-color, color, text-decoration-color, fill, stroke',
'color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter',
colors: 'color, background-color, border-color, text-decoration-color, fill, stroke',
opacity: 'opacity',
shadow: 'box-shadow',
transform: 'transform',

2
tests/basic-usage.test.css
View file

@ -1020,7 +1020,7 @@
backdrop-filter: none;
}
.transition {
transition-property: background-color, border-color, color, text-decoration-color, fill, stroke,
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke,
opacity, box-shadow, transform, filter, backdrop-filter;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;

6
tests/kitchen-sink.test.css
View file

@ -378,7 +378,7 @@ div {
}
@media (prefers-reduced-motion: no-preference) {
.motion-safe\:transition {
transition-property: background-color, border-color, color, text-decoration-color, fill, stroke,
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke,
opacity, box-shadow, transform, filter, backdrop-filter;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
@ -389,7 +389,7 @@ div {
}
@media (prefers-reduced-motion: reduce) {
.motion-reduce\:transition {
transition-property: background-color, border-color, color, text-decoration-color, fill, stroke,
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke,
opacity, box-shadow, transform, filter, backdrop-filter;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
@ -492,7 +492,7 @@ div {
}
@media (prefers-reduced-motion: no-preference) {
.md\:motion-safe\:hover\:transition:hover {
transition-property: background-color, border-color, color, text-decoration-color, fill,
transition-property: color, background-color, border-color, text-decoration-color, fill,
stroke, opacity, box-shadow, transform, filter, backdrop-filter;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;

2
tests/raw-content.test.css
View file

@ -712,7 +712,7 @@
backdrop-filter: none;
}
.transition {
transition-property: background-color, border-color, color, text-decoration-color, fill, stroke,
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke,
opacity, box-shadow, transform, filter, backdrop-filter;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;