@maizzle/framework 5.0.3 → 5.0.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@maizzle/framework",
-  "version": "5.0.3",
+  "version": "5.0.4",
   "description": "Maizzle is a framework that helps you quickly build HTML emails with Tailwind CSS.",
   "license": "MIT",
   "type": "module",

package/src/transformers/inline.js

@@ -142,15 +142,18 @@ export async function inline(html = '', options = {}) {
 
     // For each rule in the CSS block we're parsing
     root.walkRules(rule => {
+      // Create a set of selectors
       const { selector } = rule
 
-      selectors.add({
-        name: selector,
-        prop: get(rule.nodes[0], 'prop')
-      })
-
+      // Add the selector to the set as long as it's not a pseudo selector
+      if (!/(^|[^\\])::?[\w-]+/.test(selector)) {
+        selectors.add({
+          name: selector,
+          prop: get(rule.nodes[0], 'prop')
+        })
+      }
       // Preserve pseudo selectors
-      if ([':hover', ':active', ':focus', ':visited', ':link', ':before', ':after'].some(i => selector.includes(i))) {
+      else {
         options.safelist.add(selector)
       }