@maizzle/framework 4.4.0-beta.3 → 4.4.0-beta.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@maizzle/framework",
-  "version": "4.4.0-beta.3",
+  "version": "4.4.0-beta.4",
   "description": "Maizzle is a framework that helps you quickly build HTML emails with Tailwind CSS.",
   "license": "MIT",
   "main": "src/index.js",

package/src/generators/tailwindcss.js

@@ -99,7 +99,9 @@ module.exports = {
     const toProcess = [
       postcssNested(),
       tailwindcss(config),
-      maizzleConfig.env === 'local' ? () => {} : mergeLonghand(),
+      get(maizzleConfig, 'shorthandCSS', get(maizzleConfig, 'shorthandInlineCSS')) === true ?
+        mergeLonghand() :
+        () => {},
       ...get(maizzleConfig, 'build.postcss.plugins', [])
     ]
 

package/src/transformers/index.js

@@ -26,8 +26,8 @@ exports.process = async (html, config) => {
   html = await preventWidows(html, config)
   html = await attributeToStyle(html, config)
   html = await inline(html, config)
-  html = await shorthandInlineCSS(html, config)
   html = await removeUnusedCSS(html, config)
+  html = await shorthandInlineCSS(html, config)
   html = await removeInlineSizes(html, config)
   html = await removeInlineBgColor(html, config)
   html = await removeAttributes(html, config)

package/src/transformers/shorthandInlineCSS.js

@@ -1,19 +1,25 @@
 const posthtml = require('posthtml')
 const {get, merge, isObject, isEmpty} = require('lodash')
-const mergeLonghand = require('posthtml-postcss-merge-longhand')
+const mergeInlineLonghand = require('posthtml-postcss-merge-longhand')
 const defaultConfig = require('../generators/posthtml/defaultConfig')
 
 module.exports = async (html, config, direct = false) => {
-  config = direct ? (isObject(config) ? config : true) : get(config, 'shorthandInlineCSS', [])
+  config = direct ?
+    (isObject(config) ? config : true) :
+    get(config, 'shorthandCSS', get(config, 'shorthandInlineCSS', []))
 
   const posthtmlOptions = merge(defaultConfig, get(config, 'build.posthtml.options', {}))
 
   if (typeof config === 'boolean' && config) {
-    html = await posthtml([mergeLonghand()]).process(html, posthtmlOptions).then(result => result.html)
+    html = await posthtml([mergeInlineLonghand()])
+      .process(html, posthtmlOptions)
+      .then(result => result.html)
   }
 
   if (isObject(config) && !isEmpty(config)) {
-    html = await posthtml([mergeLonghand(config)]).process(html, posthtmlOptions).then(result => result.html)
+    html = await posthtml([mergeInlineLonghand(config)])
+      .process(html, posthtmlOptions)
+      .then(result => result.html)
   }
 
   return html