@use "sass:math";

@mixin width() {
	@for $i from 1 through 12 {
		&_#{$i} {
			flex: 0 0 percentage(math.div($i, 12));
			max-width: percentage(math.div($i, 12));
		}
	}
}

.grid__column {
	min-height: 23px;
	margin-bottom: 8px;
	padding-right: 5px;
	padding-left: 5px;
	box-sizing: border-box;

	&_auto {
		flex: 0 0 auto;
		max-width: 100%;
	}

	@include width();
}