From a76fb7fb148e3af52d2186b2465da269140dffbd Mon Sep 17 00:00:00 2001
From: Adam Wathan <adam.wathan@gmail.com>
Date: Wed, 21 Jul 2021 15:42:38 -0400
Subject: [PATCH] Fix issue where base styles not generated for translate
 transforms in JIT (#5038)

---
 src/plugins/translate.js                | 10 ++++++++--
 tests/jit/basic-usage.test.css          |  4 ++++
 tests/jit/relative-purge-paths.test.css |  4 ++++
 3 files changed, 16 insertions(+), 2 deletions(-)

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,