fix: media expression is not converted if it has no screen parameters

Jackardios · Jan 31, 2023 · 51bf52f · 51bf52f
1 parent a2b62fe
commit 51bf52f
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 5 deletions.
diff --git a/src/TailwindConverter.ts b/src/TailwindConverter.ts
@@ -335,13 +335,15 @@ export class TailwindConverter {
       }
     }
 
-    const mappedScreen = this.config.mapping.screens[screens.join(' and ')];
+    if (screens.length > 0) {
+      const mappedScreen = this.config.mapping.screens[screens.join(' and ')];
 
-    if (!mappedScreen) {
-      return '';
-    }
+      if (!mappedScreen) {
+        return '';
+      }
 
-    modifiers.push(mappedScreen);
+      modifiers.push(mappedScreen);
+    }
 
     const classPrefix = modifiers.join(':');
 

diff --git a/test/TailwindConverter.spec.ts b/test/TailwindConverter.spec.ts
@@ -55,6 +55,7 @@ describe('TailwindConverter', () => {
           'aspect-video',
           'content-center',
           'content-end',
+          'portrait:text-[black]',
           "after:content-['*']",
           'after:select-text',
           'after:align-text-top',

diff --git a/test/fixtures/input.css b/test/fixtures/input.css
@@ -13,6 +13,10 @@
   align-content: center; /* duplicate */
   align-content: flex-end; /* duplicate with another value */
 
+  @media (orientation: portrait) {
+    color: black;
+  }
+
   &::after {
     content: '*';
     user-select: text;