Skip to content

christinedesigner/ModernMail

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

23 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

#Modern Mail Modern Mail is a lil' package that allows you to quickly and easily write emails. It enables you to use LESS, and includes a skinned-down email version of Bootstrap. Grunt is used to compile all the LESS, and will also rip out an .zip archive of your email, so you can import it into Mailchimp, Madmimi, or whatever email service you prefer.

##Grunt To get started, run npm install. Then, run grunt watch while you are building your email. This cranks up a watch tasks that compiles all the less into the email.html file. Running grunt will finalize the project by compiling the less, inlining all of the styles, and archive the project into a .zip file. (archives appear in the /output/ folder).

##LESS Write all of your styles (while running the grunt watch task) in /assets/css/app.less. All LESS will be processed into /assets/css/style.css, which is loaded into email.html.

##Client-Specific Email Fixes Modern Mail includes a number of email client css fixes, (kudos to HTML Email Boilerplate, I borrowed a few of the fixes from there.)

##CSS Inliner When you run grunt an email.inline.html file with all of your LESS/CSS inline will be created/updated. That's what goes into the final .zip archive as well.

##Archiving Run grunt in the project root, and an archive of your email and it's assets will be zipped into /output/final.zip

##In Progress I'm doing testing as I get time to fix issues in this project, and make it as easy as possible to quickly rip out compatable emails.

About

Grunt-based email-writing system. LESS, Bootstrap, Grunt, Zip archives.

Resources

Stars

Watchers

Forks

Packages

No packages published