tailwindcss/jit/corePlugins/transitionProperty.js
2021-05-07 13:56:12 -04:00

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,
}),
},
}
},
})
}