/* wc.ui.row.scss */
@import 'mixins-common';


.wc-row {
	@include flex;
}

.wc-column {
	@include border-box;
}

@for $i from 2 through 100 {
	.wc_col_#{$i} {
		width: percentage($i / 100);
	}
}

// Alternative for less CSS if we only want to support some column widths.
// $supported-column-widths:  16, 33, 34, 66, 67, 83 !default;
//
// @for $i from 1 through 20 {
// 	$w: $i * 5;
//
// 	.wc_col_#{$w} {
// 		width: percentage($w / 100);
// 	}
// }
//
// @each $w in $supported-column-widths {
// 	.wc_col_#{$w} {
// 		width: percentage($w / 100);
// 	}
// }

@import 'rowColumn.respond';
