From a6342e60ced55d57e15eb8f6c0dc13735670d48f Mon Sep 17 00:00:00 2001
From: Adam Wathan <adam.wathan@gmail.com>
Date: Thu, 1 Mar 2018 15:25:55 -0500
Subject: [PATCH] Add atRule helper for plugins

---
 src/lib/substituteTailwindAtRules.js | 12 ++++++++++++
 1 file changed, 12 insertions(+)

diff --git a/src/lib/substituteTailwindAtRules.js b/src/lib/substituteTailwindAtRules.js
index e40b5bae3..d3d050be5 100644
--- a/src/lib/substituteTailwindAtRules.js
+++ b/src/lib/substituteTailwindAtRules.js
@@ -19,6 +19,17 @@ function defineRule(selector, properties) {
   return postcss.rule({ selector }).append(decls)
 }
 
+function defineAtRule(atRule, rules) {
+  const [name, ...params] = atRule.split(' ')
+
+  return postcss
+    .atRule({
+      name: name.startsWith('@') ? name.slice(1) : name,
+      params: params.join(' '),
+    })
+    .append(rules)
+}
+
 function processPlugins(config) {
   const pluginComponents = []
   const pluginUtilities = []
@@ -27,6 +38,7 @@ function processPlugins(config) {
     plugin({
       config,
       rule: defineRule,
+      atRule: defineAtRule,
       e: escapeClassName,
       addUtilities: (utilities, variants) => {
         pluginUtilities.push(wrapWithVariants(utilities, variants))