diff --git a/src/plugins/translate.js b/src/plugins/translate.js index 9d81ac312b51..d34a68325f26 100644 --- a/src/plugins/translate.js +++ b/src/plugins/translate.js @@ -5,8 +5,14 @@ export default function () { if (config('mode') === 'jit') { return createUtilityPlugin('translate', [ [ - ['translate-x', ['--tw-translate-x', ['transform', 'var(--tw-transform)']]], - ['translate-y', ['--tw-translate-y', ['transform', 'var(--tw-transform)']]], + [ + 'translate-x', + [['@defaults transform', {}], '--tw-translate-x', ['transform', 'var(--tw-transform)']], + ], + [ + 'translate-y', + [['@defaults transform', {}], '--tw-translate-y', ['transform', 'var(--tw-transform)']], + ], ], ])({ config, ...rest }) } else { diff --git a/tests/jit/basic-usage.test.css b/tests/jit/basic-usage.test.css index f6069311ac60..c610a3bcb59a 100644 --- a/tests/jit/basic-usage.test.css +++ b/tests/jit/basic-usage.test.css @@ -1,3 +1,7 @@ +.translate-x-5, +.-translate-x-4, +.translate-y-6, +.-translate-x-3, .rotate-3, .skew-y-12, .skew-x-12, diff --git a/tests/jit/relative-purge-paths.test.css b/tests/jit/relative-purge-paths.test.css index e5ffdabd8add..bc32fb75a901 100644 --- a/tests/jit/relative-purge-paths.test.css +++ b/tests/jit/relative-purge-paths.test.css @@ -1,3 +1,7 @@ +.translate-x-5, +.-translate-x-4, +.translate-y-6, +.-translate-x-3, .rotate-3, .skew-y-12, .skew-x-12,