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

This commit is contained in:
Jonathan Reinink 2021-12-15 13:49:13 -05:00
parent 9934174867
commit 1c7a793c94
4 changed files with 12 additions and 12 deletions

View file

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

View file

@ -1020,8 +1020,8 @@
backdrop-filter: none;
}
.transition {
transition-property: background-color, border-color, text-decoration-color, color, fill, stroke, opacity, box-shadow,
transform, filter, backdrop-filter;
transition-property: background-color, border-color, 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;
}

View file

@ -378,8 +378,8 @@ div {
}
@media (prefers-reduced-motion: no-preference) {
.motion-safe\:transition {
transition-property: background-color, border-color, text-decoration-color, color, fill, stroke, opacity, box-shadow,
transform, filter, backdrop-filter;
transition-property: background-color, border-color, 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,8 +389,8 @@ div {
}
@media (prefers-reduced-motion: reduce) {
.motion-reduce\:transition {
transition-property: background-color, border-color, text-decoration-color, color, fill, stroke, opacity, box-shadow,
transform, filter, backdrop-filter;
transition-property: background-color, border-color, 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,8 +492,8 @@ div {
}
@media (prefers-reduced-motion: no-preference) {
.md\:motion-safe\:hover\:transition:hover {
transition-property: background-color, border-color, text-decoration-color, color, fill, stroke, opacity, box-shadow,
transform, filter, backdrop-filter;
transition-property: background-color, border-color, 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;
}

View file

@ -712,8 +712,8 @@
backdrop-filter: none;
}
.transition {
transition-property: background-color, border-color, text-decoration-color, color, fill, stroke, opacity, box-shadow,
transform, filter, backdrop-filter;
transition-property: background-color, border-color, 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;
}