@use "sass:math";

@import "../_variables.scss";

// # Block Grid
// -----------------------------------------------------------------------------

@mixin block-grid-loop($breakpoint: null) {
	@for $i from 1 through $total-block-grid-columns {
		$width: math.div(100%, $i);

		.o-block-grid-#{$i}#{$breakpoint} .o-block-grid__item {
			width: $width;
		}
	}
}

@include block-grid-loop();

@each $name, $size in $breakpoints {
	@include respond-to(">#{$name}") {
		$suffix: "-#{$name}";
		@include block-grid-loop($suffix);
	}
}