diff --git a/__fixtures__/transforms.js b/__fixtures__/transforms.js index cbfd9cdb..6c012721 100644 --- a/__fixtures__/transforms.js +++ b/__fixtures__/transforms.js @@ -2,8 +2,8 @@ import tw from './macro' // https://tailwindcss.com/docs/transform tw`transform` -// tw`transform-gpu` -// tw`transform-none` +tw`transform-gpu` +tw`transform-none` // https://tailwindcss.com/docs/transform-origin tw`origin-center` diff --git a/src/config/staticStyles.js b/src/config/staticStyles.js index 335d5032..4daed9aa 100644 --- a/src/config/staticStyles.js +++ b/src/config/staticStyles.js @@ -713,6 +713,28 @@ export default { config: false, }, + 'transform-gpu': { + output: { + '--transform-translate-x': '0', + '--transform-translate-y': '0', + '--transform-rotate': '0', + '--transform-skew-x': '0', + '--transform-skew-y': '0', + '--transform-scale-x': '1', + '--transform-scale-y': '1', + transform: + 'translate3d(var(--transform-translate-x), var(--transform-translate-y), 0) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y))', + }, + config: false, + }, + + 'transform-none': { + output: { + transform: 'none', + }, + config: false, + }, + /** * =========================================== * Extras