mirror of
https://github.com/tailwindlabs/tailwindcss.git
synced 2025-12-08 21:36:08 +00:00
29 lines
756 B
JavaScript
29 lines
756 B
JavaScript
const { nameClass } = require('../pluginUtils')
|
|
|
|
module.exports = function ({ matchUtilities, theme }) {
|
|
let defaultTimingFunction = theme('transitionTimingFunction.DEFAULT')
|
|
let defaultDuration = theme('transitionDuration.DEFAULT')
|
|
|
|
matchUtilities({
|
|
transition: (modifier, { theme }) => {
|
|
let value = theme.transitionProperty[modifier]
|
|
|
|
if (value === undefined) {
|
|
return []
|
|
}
|
|
|
|
return {
|
|
[nameClass('transition', modifier)]: {
|
|
'transition-property': value,
|
|
...(value === 'none'
|
|
? {}
|
|
: {
|
|
'transition-timing-function': defaultTimingFunction,
|
|
'transition-duration': defaultDuration,
|
|
}),
|
|
},
|
|
}
|
|
},
|
|
})
|
|
}
|