fix media query joins (#538)

postcss · Aug 1, 2023 · 96b2696 · 96b2696
1 parent 81a7701
commit 96b2696
Show file tree

Hide file tree

Showing 4 changed files with 8 additions and 0 deletions.
diff --git a/lib/join-media.js b/lib/join-media.js
@@ -20,6 +20,8 @@ module.exports = function joinMedia(parentMedia, childMedia) {
         } else {
           media.push(`${parentItem} and ${childItem}`)
         }
+      } else {
+        media.push(parentItem)
       }
     })
   })

diff --git a/test/fixtures/imports/media-query-screen.css b/test/fixtures/imports/media-query-screen.css
@@ -0,0 +1 @@
+@import "foo.css" screen;
diff --git a/test/fixtures/media-join.css b/test/fixtures/media-join.css
@@ -1,3 +1,4 @@
 @import "media-join-nested.css" one-1;
 @import "media-join-nested.css" or-left-1, or-right-1;
 @import "media-join-nested.css" and-left-1 and and-right-1;
+@import "media-query-screen.css" screen;
diff --git a/test/fixtures/media-join.expected.css b/test/fixtures/media-join.expected.css
@@ -15,3 +15,7 @@
 @media and-left-1 and and-right-1 and or-left-2, and-left-1 and and-right-1 and or-right-2 {}
 
 @media and-left-1 and and-right-1 and and-left-2 and and-right-2 {}
+
+@media screen {
+foo{}
+}