@mixin spacing-classes($base: 10px, $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" );