diff --git a/src/lib/substituteResponsiveAtRules.js b/src/lib/substituteResponsiveAtRules.js index 74b0ba849..52a51918f 100644 --- a/src/lib/substituteResponsiveAtRules.js +++ b/src/lib/substituteResponsiveAtRules.js @@ -34,23 +34,23 @@ export default function(config) { }) const hasScreenRules = finalRules.some(i => i.nodes.length !== 0) + if (!hasScreenRules) { return } - const includesScreensExplicitly = css.some( - rule => rule.type === 'atrule' && rule.params === 'screens' - ) + let includesScreensExplicitly = false + + css.walkAtRules('tailwind', atRule => { + if (atRule.params === 'screens') { + atRule.replaceWith(finalRules) + includesScreensExplicitly = true + } + }) if (!includesScreensExplicitly) { css.append(finalRules) return } - - css.walkAtRules('tailwind', atRule => { - if (atRule.params === 'screens') { - atRule.replaceWith(finalRules) - } - }) } }