Move empty declaration check after mapping

styled-components · Feb 4, 2021 · 0ad4be6 · 0ad4be6
1 parent 0ee1968
commit 0ad4be6
Showing 1 changed file with 3 additions and 2 deletions.
diff --git a/src/styleSheetSerializer.js b/src/styleSheetSerializer.js
@@ -56,9 +56,10 @@ const getAllRules = (rules, classNames) => rules
   .filter(
     rule => rule.type === 'media'
       || rule.type === 'supports'
-      || (rule.type === 'rule' && includesClassNames(classNames, rule.selectors) && rule.declarations.length)
+      || (rule.type === 'rule' && includesClassNames(classNames, rule.selectors))
   )
-  .map(rule => (rule.type === "rule" ? rule : Object.assign({}, rule, { rules: getAllRules(rule.rules, classNames) })));
+  .map(rule => (rule.type === "rule" ? rule : Object.assign({}, rule, { rules: getAllRules(rule.rules, classNames) })))
+  .filter(rule => (rule.type === "rule" && rule.declarations.length) || rule.rules.length);
 
 const getStyle = classNames => {
   const ast = getCSS();