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/__snapshots__/plugin.test.js.snap b/__snapshots__/plugin.test.js.snap index 78f81953..37323955 100644 --- a/__snapshots__/plugin.test.js.snap +++ b/__snapshots__/plugin.test.js.snap @@ -16012,8 +16012,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\` @@ -16284,9 +16284,21 @@ tw\`-skew-y-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))', -}) // tw\`transform-gpu\` -// tw\`transform-none\` -// https://tailwindcss.com/docs/transform-origin +}) +;({ + '--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))', +}) +;({ + transform: 'none', +}) // https://tailwindcss.com/docs/transform-origin ;({ transformOrigin: 'center', diff --git a/src/config/staticStyles.js b/src/config/staticStyles.js index ed3ee317..ac3b3bcb 100644 --- a/src/config/staticStyles.js +++ b/src/config/staticStyles.js @@ -701,6 +701,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