Update order of color properties in transition and transition-colors utilities
This commit is contained in:
parent
9934174867
commit
1c7a793c94
4 changed files with 12 additions and 12 deletions
|
|
@ -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',
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue