Email Zenith: an email framework created with Sass

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:

/* -------------------------------------------
Do you want to add padding for container on
responsive? Write either "yes" or "no"
-------------------------------------------- */
$mobile-padding: yes;

$btn-1-bg-color: #FFF; // Background colour of the button
$btn-1-link-color: #CC0000; // Text link colour of the link
$btn-1-border-color: #CC0000; // Border colour of the button

$btn-1-border-weight: 2px; // Border weight

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:

$half-width-column: ($email-width - $spacer * 3)/2;

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:

• Sass for Web Designers - Just ordered this book, can't wait for it to arrive.
• Sass Basics Course - If you have Treehouse subscription, they have a course taught by the creator of Sass.
• Getting Started with Sass - A good article from A List Apart about the basics.
• Sass Community Resources - A ton of resources on the official Sass site.
  

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!