@import "variables";
@import "../../../../../assets/sass/grid/breakpoints";
@import "../../../../../assets/sass/grid/mixins";

@mixin make-grid-columns-skin($columns: $grid-columns, $gutter: $grid-gutter-width, $breakpoints: $grid-breakpoints) {
	// Common properties for all breakpoints
	%grid-column {
		// Inner gutter via padding
		padding-left: ($gutter / 2);
		padding-right: ($gutter / 2);
	}
	@each $breakpoint in map-keys($breakpoints) {
		@for $i from 1 through $columns {
			.col-#{$breakpoint}-#{$i} {
				@extend %grid-column;
			}
		}
	}
}

// Container widths
.container {
	@include make-container();
	@include make-container-max-widths();
}

// Fluid container
.container-fluid {
	@include make-container();

	// FIX conflict from float grid-system
	&:before,
	&:after {
		content: none !important;
	}
}

// Row
.row {
	@include make-row();

	// FIX conflict from float grid-system
	&:before,
	&:after {
		content: none;
	}
}

// Columns
@include make-grid-columns-skin();