From 051419f7456660e256d7c13f6a8ff9bd274f605a Mon Sep 17 00:00:00 2001
From: Robin Malfait <malfait.robin@gmail.com>
Date: Sun, 16 Aug 2020 17:59:08 +0200
Subject: [PATCH] only parse the className when needed

---
 src/util/generateVariantFunction.js | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/util/generateVariantFunction.js b/src/util/generateVariantFunction.js
index 86b2dc64cb50..945a6c80782f 100644
--- a/src/util/generateVariantFunction.js
+++ b/src/util/generateVariantFunction.js
@@ -22,10 +22,10 @@ export default function generateVariantFunction(generator) {
               }
 
               rule.selectors = rule.selectors.map(selector => {
-                const className = classNameParser.transformSync(selector)
-
                 return modifierFunction({
-                  className,
+                  get className() {
+                    return classNameParser.transformSync(selector)
+                  },
                   selector,
                 })
               })