Fix issue where base styles not generated for translate transforms in…

… JIT (#5038)
tailwindlabs · Jul 21, 2021 · a76fb7f · a76fb7f
1 parent 81f9e94
commit a76fb7f
Show file tree

Hide file tree

Showing 3 changed files with 16 additions and 2 deletions.
diff --git 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
@@ -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
@@ -1,3 +1,7 @@
+.translate-x-5,
+.-translate-x-4,
+.translate-y-6,
+.-translate-x-3,
 .rotate-3,
 .skew-y-12,
 .skew-x-12,