From 3a976a60d77a2ff91abbaddf653a9e04b11f9d6b Mon Sep 17 00:00:00 2001
From: Adam Wathan <adam.wathan@gmail.com>
Date: Thu, 9 Nov 2017 15:10:53 -0500
Subject: [PATCH] Allow `@tailwind screens` directive inside an at-rule

---
 src/lib/substituteResponsiveAtRules.js | 18 +++++++++---------
 1 file changed, 9 insertions(+), 9 deletions(-)

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)
-      }
-    })
   }
 }