/ tailwindcss Public
Add support for default duration and timing function to transition property utilities #2755
Add this suggestion to a batch that can be applied as a single commit. This suggestion is invalid because no changes were made to the code. Suggestions cannot be applied while the pull request is closed. Suggestions cannot be applied while viewing a subset of changes. Only one suggestion per line can be applied in a batch. Add this suggestion to a batch that can be applied as a single commit. Applying suggestions on deleted lines is not supported. You must change the existing code in this line in order to create a valid suggestion. Outdated suggestions cannot be applied. This suggestion has been applied or marked resolved. Suggestions cannot be applied from pending reviews. Suggestions cannot be applied on multi-line comments. Suggestions cannot be applied while the pull request is queued to merge.
This PR makes it possible to define a default duration and timing function that is automatically applied any time you add any
transitionPropertyutility, using the
DEFAULTkeyword under the
transitionDurationsections of your theme:
This config for example lets you simplify this sort of code:
You can still easily override the defaults by layering on duration or timing function utilities:
This PR also makes
150msthe default duration by default, and the
ease-in-outcurve the default transition timing function curve by default.