From 309b8e5bb854864dc95ea068292c5cffb1d4ce1a Mon Sep 17 00:00:00 2001 From: Robin Malfait Date: Sun, 16 Aug 2020 14:38:53 +0200 Subject: [PATCH] re-use the same tailwindApplyPlaceholder --- src/flagged/applyComplexClasses.js | 9 ++++++--- 1 file changed, 6 insertions(+), 3 deletions(-) diff --git a/src/flagged/applyComplexClasses.js b/src/flagged/applyComplexClasses.js index 52ec03a75..e2fbfd758 100644 --- a/src/flagged/applyComplexClasses.js +++ b/src/flagged/applyComplexClasses.js @@ -20,15 +20,18 @@ function hasAtRule(css, atRule) { return foundAtRule } +const tailwindApplyPlaceholder = selectorParser.attribute({ + attribute: '__TAILWIND-APPLY-PLACEHOLDER__', +}) + function generateRulesFromApply({ rule, utilityName: className, classPosition }, replaceWith) { const processedSelectors = rule.selectors.map(selector => { const processor = selectorParser(selectors => { let i = 0 selectors.walkClasses(c => { - if (c.value === className && classPosition === i) { - c.replaceWith(selectorParser.attribute({ attribute: '__TAILWIND-APPLY-PLACEHOLDER__' })) + if (classPosition === i++ && c.value === className) { + c.replaceWith(tailwindApplyPlaceholder) } - i++ }) })