mirror of
https://github.com/tailwindlabs/tailwindcss.git
synced 2025-12-08 21:36:08 +00:00
b86bdbcd7e
* prefix custom properties with tw- * prefix custom properties with tw- in tests * prefix gradient values in the defaultConfig * inline gradient-via-color * simplify --tw-tailwind-empty to --tw-empty * replace the long --tw-font-variant-numeric-... to the way shorter --tw-fvn-... * Rename --tw-box-shadow to --tw-shadow To match class name. * Rename font-variant-numeric variables * Remove 'transform' from transform variables * Shorten gradient variables * Fix style Co-authored-by: Adam Wathan <adam.wathan@gmail.com>
46 lines
1.4 KiB
JavaScript
46 lines
1.4 KiB
JavaScript
export default function () {
|
|
return function ({ addUtilities, variants }) {
|
|
addUtilities(
|
|
{
|
|
'.transform': {
|
|
'--tw-translate-x': '0',
|
|
'--tw-translate-y': '0',
|
|
'--tw-rotate': '0',
|
|
'--tw-skew-x': '0',
|
|
'--tw-skew-y': '0',
|
|
'--tw-scale-x': '1',
|
|
'--tw-scale-y': '1',
|
|
transform: [
|
|
'translateX(var(--tw-translate-x))',
|
|
'translateY(var(--tw-translate-y))',
|
|
'rotate(var(--tw-rotate))',
|
|
'skewX(var(--tw-skew-x))',
|
|
'skewY(var(--tw-skew-y))',
|
|
'scaleX(var(--tw-scale-x))',
|
|
'scaleY(var(--tw-scale-y))',
|
|
].join(' '),
|
|
},
|
|
'.transform-gpu': {
|
|
'--tw-translate-x': '0',
|
|
'--tw-translate-y': '0',
|
|
'--tw-rotate': '0',
|
|
'--tw-skew-x': '0',
|
|
'--tw-skew-y': '0',
|
|
'--tw-scale-x': '1',
|
|
'--tw-scale-y': '1',
|
|
transform: [
|
|
'translate3d(var(--tw-translate-x), var(--tw-translate-y), 0)',
|
|
'rotate(var(--tw-rotate))',
|
|
'skewX(var(--tw-skew-x))',
|
|
'skewY(var(--tw-skew-y))',
|
|
'scaleX(var(--tw-scale-x))',
|
|
'scaleY(var(--tw-scale-y))',
|
|
].join(' '),
|
|
},
|
|
'.transform-none': { transform: 'none' },
|
|
},
|
|
variants('transform')
|
|
)
|
|
}
|
|
}
|