@import "../config"

.row
	display flex
	flex-wrap wrap

	&:not(.nomargin)
		margin (0 - $gapSize) 0 0
		padding 0 $gapSize * 2 0 $gapSize

		.row:not(.nomargin)
			padding 0
			margin (0 - $gapSize) 0 0 (0 - $gapSize)

.nowrap
	flex-wrap nowrap

.nogrow > *
	flex-grow 0

for dir in 'row-reverse' 'column' 'column-reverse'
	.direction-{dir}
		flex-direction unquote(dir)

@media (max-width: $mobile)
	for dir in 'row-reverse' 'column' 'column-reverse'
		.direction-mobile-{dir}
			flex-direction unquote(dir)

for just in 'flex-start' 'center' 'flex-end' 'space-between' 'space-around' 'space-evenly'
	.justify-{just}
		justify-content unquote(just)

for align in 'flex-start' 'center' 'flex-end' 'baseline'
	.align-{align}
		align-items unquote(align)