//--------------------------------------------------------------------------------------------------------------------------------------------------------------
// grid-12 module
// Implementation of the Bootstrap 3 grid.
//
// Content:
// - stuff
//--------------------------------------------------------------------------------------------------------------------------------------------------------------
@use 'sass:math';

@import '_globals.scss';
@import '_print.scss';


//--------------------------------------------------------------------------------------------------------------------------------------------------------------
// Implementation of the Bootstrap 3 grid
//--------------------------------------------------------------------------------------------------------------------------------------------------------------
.au-grid {
	//create container that snaps to breakpoints
	.container {
		box-sizing: border-box;

		@include AU-media( xs ) {
			width: ( $AU-media-xs - $AU-grid-12-gutter-width );
		}

		@include AU-media( sm ) {
			width: ( $AU-media-sm - $AU-grid-12-gutter-width );
		}

		@include AU-media( md ) {
			width: ( $AU-media-md - $AU-grid-12-gutter-width );
		}

		@include AU-media( lg ) {
			width: ( $AU-media-lg - $AU-grid-12-gutter-width );
		}

		@include AU-media( xl ) {
			width: ( $AU-media-xl - $AU-grid-12-gutter-width );
		}
	}

	//create both containers
	.container,
	.container-fluid {
		box-sizing: border-box;

		@include AU-clearfix;
		& {
			margin-right: auto;
			margin-left: auto;
			padding-left: floor( math.div( $AU-grid-12-gutter-width, 2 ) );
			padding-right: ceil( math.div( $AU-grid-12-gutter-width, 2 ) );
		}
	}

	//create row and clear floats inside
	.row {
		@include AU-clearfix;
		& {
			margin-left: ceil( math.div( $AU-grid-12-gutter-width, -2 ) );
			margin-right: floor( math.div( $AU-grid-12-gutter-width, -2 ) );
		}
	}

	//create all classes
	@include AU-grid-12-make-grid-columns;


	//create xs classes
	@include AU-grid-12-make-grid( xs );

	//create sm classes
	@include AU-media( sm ) {
		@include AU-grid-12-make-grid( sm );
	}

	//create md classes
	@include AU-media( md ) {
		@include AU-grid-12-make-grid( md );
	}

	//create lg classes
	@include AU-media( lg ) {
		@include AU-grid-12-make-grid( lg );
	}

	@include AU-media( xl ) {
		@include AU-grid-12-make-grid( xl );
	}
}