
6
Email Zenith: an email framework created with Sass
Check it out here: https://github.com/Omgitsonlyalex/ZenithFramework
I'd love to hear your opinions!
Check it out here: https://github.com/Omgitsonlyalex/ZenithFramework
I'd love to hear your opinions!
This is great, Alex! In your opinion, what are the advantages and disadvantages of using Sass for emails? Have you messed around with setting up a build via Grunt for inlining, kicking of a Litmus test, send to your ESP?
I love hearing about process, especially when that process is pushing my comfort levels, exposing me to new ways of doing things. And thanks a lot, you messing around with Sass forced me to buy Sass for Web Designers.
I've actually integrated a Grunt build that minifies HTML, compresses images and sends it off to Litmus.
Advantage of Sass is mainly that it allows me to control overall styling of templates via variables. This saves SO much time rather than constantly typing font-family, font-size, etc, over and over.
Here is an example of my variables:
It also automatically calculates the grid size for 1/2/3/4 columns (also allows 1/3 2/3 combinations) based on your width and spacer widths, see below:
Great thanks for the response, will get busy reading!
This looks amazing. As someone who has not used Sass or compass etc - would you have any suggestions about where to start from to get a better understanding - looking at what you have done I would really like to get my head around it.
Nicola, I'm in the same boat. While I've played around a little with Sass and LESS, I'm looking to get a better understanding of both. Here's some of the resources I've found lately that might interest you:
Please share any you come across, especially if they're geared towards email designers.
I picked up a bit of Sass at the agency I work from, so I can't really give much guidance. I just played until it worked!