From 276b9b30f60fefe53d475741dc69c075333e12fd Mon Sep 17 00:00:00 2001 From: Dan Mindru Date: Wed, 18 May 2016 12:56:53 +0200 Subject: [PATCH] =?UTF-8?q?=F0=9F=93=9C=20Docs=20ref=20to=20inline-css=20m?= =?UTF-8?q?appings?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- README.md | 17 +++++++++++++++-- 1 file changed, 15 insertions(+), 2 deletions(-) diff --git a/README.md b/README.md index 37ed7b2..f93b96e 100644 --- a/README.md +++ b/README.md @@ -1,3 +1,13 @@ +@TODO +- email wrap like phones +- ipad responsive center +- body bg +- wrap content for proper bg..? +- less margin for mobile hr + + + + # Responsive HTML email signature(s) ### Let's punch email clients in the stomach! When you need some basic responsive email signatures that work on mobile.
@@ -75,8 +85,8 @@ You are of course encouraged to change the default structure for your use case. ## Overview of the build process -This diagram shows what happens to your email templates. -Each folder in 'src' is considered a `template group`. A template file will be generated for each of the configuration objects you add to the template group -> `conf.js`. +The diagram below shows what happens to your email templates. +Each folder in 'src' is considered a `template group`. A template file will be generated for each of the configuration objects you add have in the template group -> `conf.js`. ![Responsive HTML email template/signatures diagram](http://fadeit.dk/posts/html-emails-and-email-signatures-how-hard-can-it-be/html-responsive-email-template-build-diagram.png) @@ -84,6 +94,9 @@ Each folder in 'src' is considered a `template group`. A template file will be g Remember, it's HTML mails, so you need to check a big-ass table to find out nothing's gonna work. See [this](https://www.campaignmonitor.com/css/) for more info. [Gulp-inline-css](https://www.npmjs.com/package/gulp-inline-css) is being used to convert whatever CSS you throw at it to inline styles, but it probably won't handle everything. +Some bonuses of using `gulp-inline-css`: many css props will be converted to attributes. For example, the 'background-color' prop will be added as 'bgcolor' attribute to table elements. +For more details take a look at the [inline-css mappings](https://github.com/jonkemp/inline-css/blob/master/lib/setTableAttrs.js). + ## Usage with different e-mail clients ### Thunderbird