📜 Docs ref to inline-css mappings
This commit is contained in:
parent
955240ae80
commit
276b9b30f6
17
README.md
17
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)
|
# Responsive HTML email signature(s)
|
||||||
### Let's punch email clients in the stomach!
|
### Let's punch email clients in the stomach!
|
||||||
When you need some basic responsive email signatures that work on mobile.<br/>
|
When you need some basic responsive email signatures that work on mobile.<br/>
|
||||||
|
|
@ -75,8 +85,8 @@ You are of course encouraged to change the default structure for your use case.
|
||||||
|
|
||||||
|
|
||||||
## Overview of the build process
|
## Overview of the build process
|
||||||
This diagram shows what happens to your email templates.
|
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 to the template group -> `conf.js`.
|
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`.
|
||||||

|

|
||||||
|
|
||||||
|
|
||||||
|
|
@ -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.
|
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.
|
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
|
## Usage with different e-mail clients
|
||||||
### Thunderbird
|
### Thunderbird
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue