From 6ce2cfe349f766c06c41971463dfda3bb287ab60 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Benoi=CC=82t=20Rouleau?= <benoit.rouleau@icloud.com>
Date: Sun, 26 May 2019 21:31:08 -0400
Subject: [PATCH] Bubble @screen at-rules when adding styles through plugins

---
 src/util/parseObjectStyles.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/util/parseObjectStyles.js b/src/util/parseObjectStyles.js
index 8ecff5cb00f1..d57fbbb1cd49 100644
--- a/src/util/parseObjectStyles.js
+++ b/src/util/parseObjectStyles.js
@@ -10,6 +10,6 @@ export default function parseObjectStyles(styles) {
 
   return _.flatMap(
     styles,
-    style => postcss([postcssNested]).process(style, { parser: postcssJs }).root.nodes
+    style => postcss([postcssNested({ bubble: ['screen'] })]).process(style, { parser: postcssJs }).root.nodes
   )
 }