Stylus Dynamic Placeholders

helpers.styl

properties = margin padding

proportions = mini small normal medium large

directions = top left bottom right

$smallmargintop = 1.3em

for property in properties
	for proportion, i in proportions
		for direction in directions
			define("$" + proportion + property + direction, unit(i / 3, "em")) // $small-margin-top = ...
			${proportion}-{property}-{direction} // $small-margin-top
				{property}-{direction} lookup("$" + proportion + property + direction) // margin-top $marginlargetop

body
	@extend $small-margin-top