SCSS grid mixin

scss

@mixin row($gap: $gap, $justify-content: flex-start, $align-items: flex-start, $wrap: wrap) {
	display: flex;
	width: auto;
	justify-content: $justify-content;
	align-items: $align-items;
	flex-wrap: $wrap;
	@if $gap != 0 {
		margin-left: $gap * -1;
	}

	> * {
		padding-left: $gap;
	}
}

@mixin column($width: 12) {
	display: block;
	width: ((100% / 12) * $width);
	box-sizing: border-box;
}