@use "sass:math";
@import '../../styles/variables';

.s-row {
	display: flex;
	flex-wrap: wrap;
	flex: 1 1 auto;
	margin-right: math.div(-$grid-gutter, 2);
	margin-left: math.div(-$grid-gutter, 2);

	&.dense {
		margin-right: math.div(-$form-grid-gutter, 2);
		margin-left: math.div(-$form-grid-gutter, 2);

		> .s-col {
			padding: math.div($form-grid-gutter, 2);
		}
	}

	&.no-gutters {
		margin-right: 0;
		margin-left: 0;

		> .s-col {
			padding: 0;
		}
	}
}