scss 重置列mixin ...与Bourbon Neat结合使用，特别是与span-columns一起使用，以使列无需动态更改

Posted 2021-05-18

.brewery {
	@include span-columns(2);
	@include reset-columns(2, 3);
}

@mixin reset-columns($new_span: 3, $old_span: 4) {
	$old_nth: 12 / $old_span;
	$new_nth: 12 / $new_span;

	// Reset the old nth child
	&:nth-child(#{$old_nth}n) {
		margin-right: flex-gutter(container-span(#{$old_span}));
	}

	// Set up the new one
	&:nth-child(#{$new_nth}n) {
		margin-right: 0;
	}
} // end reset-columns