Tailwind - Override default transition duration

Question

Default is 150ms, was looking to extend this to 250ms as an application default.

Tried everything I could think of, last attempt being

transitionDuration: {
   DEFAULT: '250ms'
},

in tailwind.config.js under theme, theme.extend, variants, and variants.extend.

Any help would be appreciated!

user_13774992 · Answer

theme: {
   transitionDuration: {
      DEFAULT: '250ms'
    }
}

in your tailwind.config.js should work.

Demo: https://play.tailwindcss.com/zSWIMghZQf (Default transition duration overwritten to 2000ms.)

For reference: With npx tailwindcss init --full you can create a configuration file that contains all tailwind default values.