Contents

@mixin spacing-classes($base, $list: small normal medium large){

	@for $i from 1 through length($list) {

		.padding-#{nth(unquote($list), $i)} { 
			padding: ($base * $i);
		}

		.padding-vertical-#{nth(unquote($list), $i)} { 
			padding-top: ($base * $i);
			padding-bottom: ($base * $i);
		}

		.padding-horizontal-#{nth(unquote($list), $i)} { 
			padding-right: ($base * $i);
			padding-left: ($base * $i);
		}

		.margin-#{nth(unquote($list), $i)} { 
			margin: ($base * $i);
		}

		.margin-vertical-#{nth(unquote($list), $i)} { 
			margin-top: ($base * $i);
			margin-bottom: ($base * $i);
		}

		.margin-horizontal-#{nth(unquote($list), $i)} { 
			margin-right: ($base * $i);
			margin-left: ($base * $i);
		}
	}
}

//@include spacing-classes(20px, $list: "big" "bigger" "biggerer" "biggest" );

Version data entries

1 entries across 1 versions & 1 rubygems

Version	Path
stitch-0.1.7.beta.1	stylesheets/stitch/patterns/layout/_spacing.scss