diff --git a/packages/tailwindcss/src/__snapshots__/intellisense.test.ts.snap b/packages/tailwindcss/src/__snapshots__/intellisense.test.ts.snap index 8ae6e5dcb607..28b443d2491a 100644 --- a/packages/tailwindcss/src/__snapshots__/intellisense.test.ts.snap +++ b/packages/tailwindcss/src/__snapshots__/intellisense.test.ts.snap @@ -1908,6 +1908,8 @@ exports[`getClassList 1`] = ` "duration-500", "duration-700", "duration-75", + "duration-initial", + "ease-initial", "end-0.5", "end-1", "end-3", diff --git a/packages/tailwindcss/src/utilities.ts b/packages/tailwindcss/src/utilities.ts index 78a0eee8d30a..905b72b9ba01 100644 --- a/packages/tailwindcss/src/utilities.ts +++ b/packages/tailwindcss/src/utilities.ts @@ -3760,6 +3760,9 @@ export function createUtilities(theme: Theme) { let transitionDurationProperty = () => { return atRoot([property('--tw-duration')]) } + + staticUtility('duration-initial', [transitionDurationProperty, ['--tw-duration', 'initial']]) + utilities.functional('duration', (candidate) => { // This utility doesn't support negative values. if (candidate.negative) return @@ -3816,6 +3819,9 @@ export function createUtilities(theme: Theme) { let transitionTimingFunctionProperty = () => { return atRoot([property('--tw-ease')]) } + + staticUtility('ease-initial', [transitionTimingFunctionProperty, ['--tw-ease', 'initial']]) + functionalUtility('ease', { themeKeys: ['--transition-timing-function'], handle: (value) => [