Skip to content

Create html/css as normal. When complete, run grunt build:html to apply the styling inline to the elements. This will create a new file in build. Once thats complete run grunt build:css and manually add the compressed css to the build files.

Notifications You must be signed in to change notification settings

kylelangford/grunt-email-inliner

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

9 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Convert Standard CSS/HTML into Email

Sass / Grunt.js / Zurb Foundation Email Templates (Basic)

How To Use

Create html/css as normal. When complete, run grunt build:html to apply the styling inline to the elements. This will create a new file in build. Once thats complete run grunt build:css and manually add the compressed css to the build files.

More Reading
Support Guide
Bulletproof Backgrounds
Bulletproof Buttons
Webfonts
Alt Text
grunt-inline-css

This uses the grunt-inline-css node module.

Commands

Resolve Node dependencies

$ npm install

Move style.css to inline styles, will create a new file in /build

$ grunt build:html

Compress CSS for Build

$ grunt build:css

Watch CSS Changes

$ grunt watch

Lint CSS

$ grunt lint:css

Lint HTML

$ grunt lint:html

About

Create html/css as normal. When complete, run grunt build:html to apply the styling inline to the elements. This will create a new file in build. Once thats complete run grunt build:css and manually add the compressed css to the build files.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published