2019-12-22 15:25:34 -05:00
|
|
|
export default function() {
|
|
|
|
|
return function({ addUtilities, variants }) {
|
|
|
|
|
addUtilities(
|
|
|
|
|
{
|
|
|
|
|
'.transform': {
|
2020-01-02 17:26:38 -05:00
|
|
|
'--transform-translate-x': '0',
|
|
|
|
|
'--transform-translate-y': '0',
|
2019-12-23 19:30:02 -05:00
|
|
|
'--transform-rotate': '0',
|
2020-01-02 17:26:38 -05:00
|
|
|
'--transform-skew-x': '0',
|
|
|
|
|
'--transform-skew-y': '0',
|
2020-01-03 08:38:29 -05:00
|
|
|
'--transform-scale-x': '1',
|
|
|
|
|
'--transform-scale-y': '1',
|
2019-12-22 15:25:34 -05:00
|
|
|
transform: [
|
2020-01-02 17:26:38 -05:00
|
|
|
'translateX(var(--transform-translate-x))',
|
|
|
|
|
'translateY(var(--transform-translate-y))',
|
2019-12-23 19:30:02 -05:00
|
|
|
'rotate(var(--transform-rotate))',
|
2020-01-02 17:26:38 -05:00
|
|
|
'skewX(var(--transform-skew-x))',
|
|
|
|
|
'skewY(var(--transform-skew-y))',
|
2020-01-03 08:38:29 -05:00
|
|
|
'scaleX(var(--transform-scale-x))',
|
|
|
|
|
'scaleY(var(--transform-scale-y))',
|
2019-12-22 15:25:34 -05:00
|
|
|
].join(' '),
|
|
|
|
|
},
|
|
|
|
|
'.transform-none': { transform: 'none' },
|
|
|
|
|
},
|
|
|
|
|
variants('transform')
|
|
|
|
|
)
|
|
|
|
|
}
|
|
|
|
|
}
|