Helpers for flexbox

flexbox-helpers.styl

flex()
	-webkit-box-flex arguments[0]
	-webkit-flex arguments
	-moz-box-flex arguments[0]
	-ms-flex arguments
	flex arguments

$display-flex
	display -webkit-box
	display -webkit-flex
	display -moz-box
	display -ms-flexbox
	display flex

flex-direction(direction=normal)
	if direction is column
		-webkit-box-orient vertical
		-webkit-box-direction normal
		-webkit-flex-direction column
		-moz-box-orient vertical
		-moz-box-direction normal
		-ms-flex-direction column
		flex-direction column

align-items(direction)
	$legacyDirection = unquote("flex-" + $direction)
	-webkit-box-align direction
	-webkit-align-items $legacyDirection
	-moz-box-align direction
	-ms-flex-align direction
	align-items $legacyDirection