Update order of color properties in transition and `transition-colo…

…rs` utilities
tailwindlabs · Dec 15, 2021 · 1c7a793 · 1c7a793
1 parent 9934174
commit 1c7a793
Show file tree

Hide file tree

Showing 4 changed files with 12 additions and 12 deletions.
diff --git a/stubs/defaultConfig.stub.js b/stubs/defaultConfig.stub.js
@@ -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',

diff --git a/tests/basic-usage.test.css b/tests/basic-usage.test.css
@@ -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;
 }

diff --git a/tests/kitchen-sink.test.css b/tests/kitchen-sink.test.css
@@ -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;
  }

diff --git a/tests/raw-content.test.css b/tests/raw-content.test.css
@@ -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;
 }