From 6bbbe47e9b20273172ac064435e90f81f88d3a1b Mon Sep 17 00:00:00 2001
From: Adam Wathan <adam.wathan@gmail.com>
Date: Mon, 28 Aug 2017 11:26:17 -0400
Subject: [PATCH] Refactor `insertBefore` references to simpler `before`

---
 src/lib/generateUtilities.js           | 2 +-
 src/lib/substituteClassApplyAtRules.js | 2 +-
 src/lib/substituteHoverableAtRules.js  | 5 +----
 src/lib/substituteResponsiveAtRules.js | 2 +-
 4 files changed, 4 insertions(+), 7 deletions(-)

diff --git a/src/lib/generateUtilities.js b/src/lib/generateUtilities.js
index 58597e24d..962656298 100644
--- a/src/lib/generateUtilities.js
+++ b/src/lib/generateUtilities.js
@@ -57,7 +57,7 @@ export default function(options) {
           flex(options),
           zIndex(options),
         ])
-        css.insertBefore(atRule, responsive(utilities))
+        atRule.before(responsive(utilities))
         atRule.remove()
       }
     })
diff --git a/src/lib/substituteClassApplyAtRules.js b/src/lib/substituteClassApplyAtRules.js
index b2f5a3cdb..623d49490 100644
--- a/src/lib/substituteClassApplyAtRules.js
+++ b/src/lib/substituteClassApplyAtRules.js
@@ -18,7 +18,7 @@ export default postcss.plugin('tailwind-apply', function(css) {
           })
         })
 
-        rule.insertBefore(atRule, decls)
+        atRule.before(decls)
 
         atRule.params = customProperties.join(' ')
 
diff --git a/src/lib/substituteHoverableAtRules.js b/src/lib/substituteHoverableAtRules.js
index 2199a60c4..d7d00e45e 100644
--- a/src/lib/substituteHoverableAtRules.js
+++ b/src/lib/substituteHoverableAtRules.js
@@ -16,10 +16,7 @@ export default function(options) {
         ]
       })
 
-      const nodes = atRule.nodes
-      const rules =  cloneNodes(nodes)
-
-      atRule.parent.insertBefore(atRule, nodes)
+      atRule.before(cloneNodes(atRule.nodes))
 
       atRule.remove()
     })
diff --git a/src/lib/substituteResponsiveAtRules.js b/src/lib/substituteResponsiveAtRules.js
index 2abf1c33d..e379e4f31 100644
--- a/src/lib/substituteResponsiveAtRules.js
+++ b/src/lib/substituteResponsiveAtRules.js
@@ -9,7 +9,7 @@ export default function(options) {
     css.walkAtRules('responsive', atRule => {
       const nodes = atRule.nodes
       rules.push(...cloneNodes(nodes))
-      css.insertBefore(atRule, nodes)
+      atRule.before(nodes)
       atRule.remove()
     })