Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Add 'text-decoration-color' to default 'transition' and 'transition-colors' utilities #6405

Merged
merged 9 commits into from
Dec 15, 2021
Next Next commit
Add 'text-decoration-color' to default 'transition' and 'transition-c…
…olors' utilities
  • Loading branch information
fekle committed Dec 11, 2021
commit 53f4749496b025ec6757d5b4fb28fe73d9f60f4d
2 changes: 1 addition & 1 deletion CHANGELOG.md
Original file line number Diff line number Diff line change
Expand Up @@ -7,7 +7,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0

## [Unreleased]

- Nothing yet!
- Add 'text-decoration-color' to default 'transition' and 'transition-colors' utilities ([#6405](https://github.com/tailwindlabs/tailwindcss/pull/6405))

## [3.0.1] - 2021-12-10

Expand Down
4 changes: 2 additions & 2 deletions stubs/defaultConfig.stub.js
Original file line number Diff line number Diff line change
Expand Up @@ -854,8 +854,8 @@ module.exports = {
none: 'none',
all: 'all',
DEFAULT:
'background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter',
colors: 'background-color, border-color, color, fill, stroke',
'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',
opacity: 'opacity',
shadow: 'box-shadow',
transform: 'transform',
Expand Down
2 changes: 1 addition & 1 deletion tests/basic-usage.test.css
Original file line number Diff line number Diff line change
Expand Up @@ -1020,7 +1020,7 @@
backdrop-filter: none;
}
.transition {
transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow,
transition-property: background-color, border-color, text-decoration-color, color, fill, stroke, opacity, box-shadow,
transform, filter, backdrop-filter;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
Expand Down
24 changes: 12 additions & 12 deletions tests/fixtures/tailwind-output-flagged.css
Original file line number Diff line number Diff line change
Expand Up @@ -29718,13 +29718,13 @@ video {
}

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

.transition-colors {
transition-property: background-color, border-color, color, fill, stroke;
transition-property: background-color, border-color, text-decoration-color, color, fill, stroke;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
}
Expand Down Expand Up @@ -58944,13 +58944,13 @@ video {
}

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

.sm\:transition-colors {
transition-property: background-color, border-color, color, fill, stroke;
transition-property: background-color, border-color, text-decoration-color, color, fill, stroke;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
}
Expand Down Expand Up @@ -88171,13 +88171,13 @@ video {
}

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

.md\:transition-colors {
transition-property: background-color, border-color, color, fill, stroke;
transition-property: background-color, border-color, text-decoration-color, color, fill, stroke;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
}
Expand Down Expand Up @@ -117398,13 +117398,13 @@ video {
}

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

.lg\:transition-colors {
transition-property: background-color, border-color, color, fill, stroke;
transition-property: background-color, border-color, text-decoration-color, color, fill, stroke;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
}
Expand Down Expand Up @@ -146625,13 +146625,13 @@ video {
}

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

.xl\:transition-colors {
transition-property: background-color, border-color, color, fill, stroke;
transition-property: background-color, border-color, text-decoration-color, color, fill, stroke;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
}
Expand Down Expand Up @@ -175852,13 +175852,13 @@ video {
}

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

.\32xl\:transition-colors {
transition-property: background-color, border-color, color, fill, stroke;
transition-property: background-color, border-color, text-decoration-color, color, fill, stroke;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
}
Expand Down
24 changes: 12 additions & 12 deletions tests/fixtures/tailwind-output-important.css
Original file line number Diff line number Diff line change
Expand Up @@ -29718,13 +29718,13 @@ video {
}

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

.transition-colors {
transition-property: background-color, border-color, color, fill, stroke !important;
transition-property: background-color, border-color, text-decoration-color, color, fill, stroke !important;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
transition-duration: 150ms !important;
}
Expand Down Expand Up @@ -58944,13 +58944,13 @@ video {
}

.sm\:transition {
transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter !important;
transition-property: background-color, border-color, text-decoration-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter !important;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
transition-duration: 150ms !important;
}

.sm\:transition-colors {
transition-property: background-color, border-color, color, fill, stroke !important;
transition-property: background-color, border-color, text-decoration-color, color, fill, stroke !important;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
transition-duration: 150ms !important;
}
Expand Down Expand Up @@ -88171,13 +88171,13 @@ video {
}

.md\:transition {
transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter !important;
transition-property: background-color, border-color, text-decoration-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter !important;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
transition-duration: 150ms !important;
}

.md\:transition-colors {
transition-property: background-color, border-color, color, fill, stroke !important;
transition-property: background-color, border-color, text-decoration-color, color, fill, stroke !important;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
transition-duration: 150ms !important;
}
Expand Down Expand Up @@ -117398,13 +117398,13 @@ video {
}

.lg\:transition {
transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter !important;
transition-property: background-color, border-color, text-decoration-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter !important;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
transition-duration: 150ms !important;
}

.lg\:transition-colors {
transition-property: background-color, border-color, color, fill, stroke !important;
transition-property: background-color, border-color, text-decoration-color, color, fill, stroke !important;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
transition-duration: 150ms !important;
}
Expand Down Expand Up @@ -146625,13 +146625,13 @@ video {
}

.xl\:transition {
transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter !important;
transition-property: background-color, border-color, text-decoration-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter !important;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
transition-duration: 150ms !important;
}

.xl\:transition-colors {
transition-property: background-color, border-color, color, fill, stroke !important;
transition-property: background-color, border-color, text-decoration-color, color, fill, stroke !important;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
transition-duration: 150ms !important;
}
Expand Down Expand Up @@ -175852,13 +175852,13 @@ video {
}

.\32xl\:transition {
transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter !important;
transition-property: background-color, border-color, text-decoration-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter !important;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
transition-duration: 150ms !important;
}

.\32xl\:transition-colors {
transition-property: background-color, border-color, color, fill, stroke !important;
transition-property: background-color, border-color, text-decoration-color, color, fill, stroke !important;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
transition-duration: 150ms !important;
}
Expand Down
24 changes: 12 additions & 12 deletions tests/fixtures/tailwind-output-no-color-opacity.css
Original file line number Diff line number Diff line change
Expand Up @@ -27161,13 +27161,13 @@ video {
}

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

.transition-colors {
transition-property: background-color, border-color, color, fill, stroke;
transition-property: background-color, border-color, text-decoration-color, color, fill, stroke;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
}
Expand Down Expand Up @@ -53831,13 +53831,13 @@ video {
}

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

.sm\:transition-colors {
transition-property: background-color, border-color, color, fill, stroke;
transition-property: background-color, border-color, text-decoration-color, color, fill, stroke;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
}
Expand Down Expand Up @@ -80502,13 +80502,13 @@ video {
}

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

.md\:transition-colors {
transition-property: background-color, border-color, color, fill, stroke;
transition-property: background-color, border-color, text-decoration-color, color, fill, stroke;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
}
Expand Down Expand Up @@ -107173,13 +107173,13 @@ video {
}

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

.lg\:transition-colors {
transition-property: background-color, border-color, color, fill, stroke;
transition-property: background-color, border-color, text-decoration-color, color, fill, stroke;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
}
Expand Down Expand Up @@ -133844,13 +133844,13 @@ video {
}

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

.xl\:transition-colors {
transition-property: background-color, border-color, color, fill, stroke;
transition-property: background-color, border-color, text-decoration-color, color, fill, stroke;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
}
Expand Down Expand Up @@ -160515,13 +160515,13 @@ video {
}

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

.\32xl\:transition-colors {
transition-property: background-color, border-color, color, fill, stroke;
transition-property: background-color, border-color, text-decoration-color, color, fill, stroke;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
}
Expand Down
Loading