Skip to content

Instantly share code, notes, and snippets.

@shaimoom
shaimoom / app.scss
Created April 28, 2016 16:30
ZURB Foundation for Emails responsive spacers using a SASS list
// add classname spacer$i to <spacer> tag in your HTML (e.g. <spacer size="20" class="spacer20")
// choose numbers for $spacer based on what size spacer you need
$spacer: 10, 20, 30, 40, 50;
@each $i in $spacer {
.spacer#{$i} td{
@media (max-width: 596px) {
font-size: ($i/2+px) !important; // reduces spacer in half on mobile screens, customize as needed
line-height: ($i/2+px) !important; // reduces spacer in half on mobile screens, customize as needed
height: ($i/2+px) !important; // reduces spacer in half on mobile screens, customize as needed
@shaimoom
shaimoom / Gruntfile.js
Created August 28, 2014 20:47
Roots Gruntfile with 'build' added to 'watch' task; LiveReload activated
'use strict';
module.exports = function(grunt) {
// Load all tasks
require('load-grunt-tasks')(grunt);
// Show elapsed time
require('time-grunt')(grunt);
var jsFileList = [
'assets/vendor/bootstrap/js/transition.js',
'assets/vendor/bootstrap/js/alert.js',