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 delay-0 and duration-0 by default #10294

Merged
merged 3 commits into from
Jan 11, 2023
Merged

Add delay-0 and duration-0 by default #10294

merged 3 commits into from
Jan 11, 2023

Conversation

adamwathan
Copy link
Member

@adamwathan adamwathan commented Jan 11, 2023

Adds a 0s value to the default transitionDelay and transitionDuration configurations. Useful as a conditional reset. Using s rather than ms because it’s shorter, which means a smaller CSS file and blazing fast performance.

@adamwathan
Copy link
Member Author

Think I’ll add duration-0 as well before merging, leaving this as a reminder, not writing any more code from my phone tonight 😅

@adamwathan adamwathan changed the title Add delay-0 by default Add delay-0 and duration-0 by default Jan 11, 2023
@RobinMalfait RobinMalfait merged commit 2d40d0b into master Jan 11, 2023
@RobinMalfait RobinMalfait deleted the adamwathan-patch-1 branch January 11, 2023 10:12
@jamiebuilds-signal
Copy link

You may also want to update the docs for customizing delay in your theme, it uses 0 as an example: https://tailwindcss.com/docs/transition-delay#customizing-your-theme

@hyunbinseo
Copy link

As .duration-0 is not released yet, it should be removed from the example as well.

<div class="transition duration-0 md:duration-150">
  <!-- ... -->
</div>

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

4 participants