feat: apple-mail variant

maizzle · May 6, 2022 · 8b6640b · 8b6640b
1 parent 5485ac4
commit 8b6640b
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 0 deletions.
diff --git a/src/index.js b/src/index.js
@@ -16,6 +16,9 @@ const emailClientVariants = plugin.withOptions(
       // Gmail (Android)
       addVariant('gmail-android', 'div > u + .body &')
 
+      // Apple Mail
+      addVariant('apple-mail', '.Singleton &')
+
       // iOS Mail 10+
       addVariant('ios', '@supports (-webkit-overflow-scrolling:touch) and (color:#ffff)')
 

diff --git a/src/index.test.js b/src/index.test.js
@@ -125,6 +125,20 @@ it('`outlook-web` variant', () => {
   })
 })
 
+it('`apple-mail` variant', () => {
+  const config = {
+    content: [{ raw: String.raw`<div class="apple-mail:hidden"></div>` }]
+  }
+
+  return run(config).then((result) => {
+    expect(result.css).toMatchCss(String.raw`
+      .Singleton .apple-mail\:hidden {
+        display: none;
+      }
+    `)
+  })
+})
+
 it('user-defined variants', () => {
   const config = {
     content: [{ raw: String.raw`<div class="thunderbird:hidden example:hidden"></div>` }],