From 480dd7a1fafc8ee758634290ca2f969c9a2a7866 Mon Sep 17 00:00:00 2001
From: soilSpoon <lee111dae11@gmail.com>
Date: Sat, 21 Nov 2020 22:03:22 +0900
Subject: [PATCH 1/2] Add transform-gpu and transform-none

---
 __fixtures__/transforms.js |  4 ++--
 src/config/staticStyles.js | 22 ++++++++++++++++++++++
 2 files changed, 24 insertions(+), 2 deletions(-)

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

From 846283c712992a610d7ca768ad96dbbd05ec0bea Mon Sep 17 00:00:00 2001
From: soilSpoon <lee111dae11@gmail.com>
Date: Sat, 21 Nov 2020 23:14:19 +0900
Subject: [PATCH 2/2] Update test snapshot

---
 __snapshots__/plugin.test.js.snap | 22 +++++++++++++++++-----
 1 file changed, 17 insertions(+), 5 deletions(-)

diff --git a/__snapshots__/plugin.test.js.snap b/__snapshots__/plugin.test.js.snap
index d20de362..47614d35 100644
--- a/__snapshots__/plugin.test.js.snap
+++ b/__snapshots__/plugin.test.js.snap
@@ -15998,8 +15998,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\`
@@ -16270,9 +16270,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',