Visitar URL original
Revert including `outline-color` in `transition` and `transition-colo… · tailwindlabs/tailwindcss@04c5cac · GitHub
Skip to content

Commit 04c5cac

Browse files
reininkadamwathan
reinink
authored and
adamwathan
committed
Revert including outline-color in transition and transition-colors by default (#10604)
* Remove `outline-color` from default color properties to transition (Reverts #10385) * Update changelog
1 parent 742c699 commit 04c5cac

7 files changed

Lines changed: 17 additions & 19 deletions

‎CHANGELOG.md‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -10,6 +10,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
1010
### Fixed
1111

1212
- Fix use of `:where(.btn)` when matching `!btn` ([#10601](https://github.com/tailwindlabs/tailwindcss/pull/10601))
13+
- Revert including `outline-color` in `transition` and `transition-colors` by default ([#10604](https://github.com/tailwindlabs/tailwindcss/pull/10604))
1314

1415
## [3.2.6] - 2023-02-08
1516

‎stubs/defaultConfig.stub.js‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -877,8 +877,8 @@ module.exports = {
877877
none: 'none',
878878
all: 'all',
879879
DEFAULT:
880-
'color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter',
881-
colors: 'color, background-color, border-color, outline-color, text-decoration-color, fill, stroke',
880+
'color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter',
881+
colors: 'color, background-color, border-color, text-decoration-color, fill, stroke',
882882
opacity: 'opacity',
883883
shadow: 'box-shadow',
884884
transform: 'transform',

‎tests/basic-usage.oxide.test.css‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1014,8 +1014,8 @@
10141014
backdrop-filter: none;
10151015
}
10161016
.transition {
1017-
transition-property: color, background-color, border-color, outline-color, text-decoration-color,
1018-
fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
1017+
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke,
1018+
opacity, box-shadow, transform, filter, backdrop-filter;
10191019
transition-duration: 0.15s;
10201020
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
10211021
}

‎tests/basic-usage.test.css‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1014,8 +1014,8 @@
10141014
backdrop-filter: none;
10151015
}
10161016
.transition {
1017-
transition-property: color, background-color, border-color, outline-color, text-decoration-color,
1018-
fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
1017+
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke,
1018+
opacity, box-shadow, transform, filter, backdrop-filter;
10191019
transition-duration: 0.15s;
10201020
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
10211021
}

‎tests/kitchen-sink.test.js‎

Lines changed: 6 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -622,9 +622,8 @@ crosscheck(() => {
622622
}
623623
@media (prefers-reduced-motion: no-preference) {
624624
.motion-safe\:transition {
625-
transition-property: color, background-color, border-color, outline-color,
626-
text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter,
627-
backdrop-filter;
625+
transition-property: color, background-color, border-color, text-decoration-color, fill,
626+
stroke, opacity, box-shadow, transform, filter, backdrop-filter;
628627
transition-duration: 0.15s;
629628
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
630629
}
@@ -634,9 +633,8 @@ crosscheck(() => {
634633
}
635634
@media (prefers-reduced-motion: reduce) {
636635
.motion-reduce\:transition {
637-
transition-property: color, background-color, border-color, outline-color,
638-
text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter,
639-
backdrop-filter;
636+
transition-property: color, background-color, border-color, text-decoration-color, fill,
637+
stroke, opacity, box-shadow, transform, filter, backdrop-filter;
640638
transition-duration: 0.15s;
641639
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
642640
}
@@ -683,9 +681,8 @@ crosscheck(() => {
683681
}
684682
@media (prefers-reduced-motion: no-preference) {
685683
.md\:motion-safe\:hover\:transition:hover {
686-
transition-property: color, background-color, border-color, outline-color,
687-
text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter,
688-
backdrop-filter;
684+
transition-property: color, background-color, border-color, text-decoration-color,
685+
fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
689686
transition-duration: 0.15s;
690687
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
691688
}

‎tests/raw-content.oxide.test.css‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -755,8 +755,8 @@
755755
backdrop-filter: none;
756756
}
757757
.transition {
758-
transition-property: color, background-color, border-color, outline-color, text-decoration-color,
759-
fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
758+
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke,
759+
opacity, box-shadow, transform, filter, backdrop-filter;
760760
transition-duration: 0.15s;
761761
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
762762
}

‎tests/raw-content.test.css‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -755,8 +755,8 @@
755755
backdrop-filter: none;
756756
}
757757
.transition {
758-
transition-property: color, background-color, border-color, outline-color, text-decoration-color,
759-
fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
758+
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke,
759+
opacity, box-shadow, transform, filter, backdrop-filter;
760760
transition-duration: 0.15s;
761761
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
762762
}

0 commit comments

Comments
 (0)