<commit_before> /*
## Grids - Estandar
```
<div class="container">
	<div class="row">
		<div class="xs-1 sm-2 md-3 lg-4" style="background-color: #ddd;">xs-1 sm-2 md-3 lg-4</div>
		<div class="xs-1 sm-2 md-3 lg-4" style="background-color: #999;">xs-1 sm-2 md-3 lg-4</div>
		<div class="xs-1 sm-2 md-3 lg-4" style="background-color: #ddd;">xs-1 sm-2 md-3 lg-4</div>
		<div class="xs-1 sm-2 md-3 lg-4" style="background-color: #999;">xs-1 sm-2 md-3 lg-4</div>
		<div class="xs-1 sm-2 md-3 lg-4" style="background-color: #ddd;">xs-1 sm-2 md-3 lg-4</div>
		<div class="xs-1 sm-2 md-3 lg-4" style="background-color: #999;">xs-1 sm-2 md-3 lg-4</div>
		<div class="xs-1 sm-2 md-3 lg-4" style="background-color: #ddd;">xs-1 sm-2 md-3 lg-4</div>
		<div class="xs-1 sm-2 md-3 lg-4" style="background-color: #999;">xs-1 sm-2 md-3 lg-4</div>
		<div class="xs-1 sm-2 md-3 lg-4" style="background-color: #ddd;">xs-1 sm-2 md-3 lg-4</div>
		<div class="xs-1 sm-2 md-3 lg-4" style="background-color: #999;">xs-1 sm-2 md-3 lg-4</div>
		<div class="xs-1 sm-2 md-3 lg-4" style="background-color: #ddd;">xs-1 sm-2 md-3 lg-4</div>
		<div class="xs-1 sm-2 md-3 lg-4" style="background-color: #999;">xs-1 sm-2 md-3 lg-4</div>
	</div>
</div>
```

## Grids - Spacing
Use row-spacing instead of just row to add padding to the columns
```
<div class="container">
	<div class="row-spacing">
		<div class="xs-1 sm-2 md-3 lg-4" style="background-color: #ddd;">xs-1 sm-2 md-3 lg-4</div>
		<div class="xs-1 sm-2 md-3 lg-4" style="background-color: #999;">xs-1 sm-2 md-3 lg-4</div>
		<div class="xs-1 sm-2 md-3 lg-4" style="background-color: #ddd;">xs-1 sm-2 md-3 lg-4</div>
		<div class="xs-1 sm-2 md-3 lg-4" style="background-color: #999;">xs-1 sm-2 md-3 lg-4</div>
		<div class="xs-1 sm-2 md-3 lg-4" style="background-color: #ddd;">xs-1 sm-2 md-3 lg-4</div>
		<div class="xs-1 sm-2 md-3 lg-4" style="background-color: #999;">xs-1 sm-2 md-3 lg-4</div>
		<div class="xs-1 sm-2 md-3 lg-4" style="background-color: #ddd;">xs-1 sm-2 md-3 lg-4</div>
		<div class="xs-1 sm-2 md-3 lg-4" style="background-color: #999;">xs-1 sm-2 md-3 lg-4</div>
		<div class="xs-1 sm-2 md-3 lg-4" style="background-color: #ddd;">xs-1 sm-2 md-3 lg-4</div>
		<div class="xs-1 sm-2 md-3 lg-4" style="background-color: #999;">xs-1 sm-2 md-3 lg-4</div>
		<div class="xs-1 sm-2 md-3 lg-4" style="background-color: #ddd;">xs-1 sm-2 md-3 lg-4</div>
		<div class="xs-1 sm-2 md-3 lg-4" style="background-color: #999;">xs-1 sm-2 md-3 lg-4</div>
	</div>
</div>
```
*/

& when (@firstLoad = true){
	.container,
	.container-fluid {
		margin-right : auto;
		margin-left  : auto;
		padding-left : floor((@grid-gutter-width / 2));
		padding-right: ceil((@grid-gutter-width / 2));
		&:extend(.clearfix all);
	}
	.container{
		&:before,
		&:after{
			content: '';
			clear  : both;
			display: table;
		}
	}

	// Rows contain and clear the floats of your columns.
	.row,
	.row-spacing{
		margin-left :  ceil((@grid-gutter-width / -2));
		margin-right: floor((@grid-gutter-width / -2));
		&:extend(.clearfix all);
	}


	// Common styles for small and large grid columns

	// Extra small grid
	// Columns, offsets, pushes, and pulls for extra small devices like
	.make-grid(@prefix-xs);
	@media (min-width: @bp_sm) {
		.make-grid(@prefix-sm);
		.container{ width: @container-sm; }
	}

	@media (min-width: @bp_md) {
		.make-grid(@prefix-md);
		.container{ width: @container-md; }
	}

	@media (min-width: @bp_lg) {
		.make-grid(@prefix-lg);
		.container{ width: @container-lg; }
	}




	//--------         MIXINS     -------------
	//------- Framework grid generation -------
	//-----------------------------------------

	.make-grid-columns(@class) {
		.col(@index) { // initial
			@item: ~".@{class}-@{index}";
			.col((@index + 1), @item);
		}
		.col(@index, @list) when (@index =< @grid-columns) { // general
			@item: ~".@{class}-@{index}";
			.col((@index + 1), ~"@{list}, @{item}");
		}
		.col(@index, @list) when (@index > @grid-columns) { // terminal
			@{list} {
				position     : relative;
				// Prevent columns from collapsing when empty
				min-height   : 1px;
				// Inner gutter via padding
				//padding-left :  ceil((@grid-gutter-width / 2));
				//padding-right: floor((@grid-gutter-width / 2));
				float        : left;
			}
		}
		.col(1); // kickstart it
	}

	.make-grid-columns-spacing(@class) {
		.col(@index) { // initial
			@item: ~".row-spacing > .@{class}-@{index}";
			.col((@index + 1), @item);
		}
		.col(@index, @list) when (@index =< @grid-columns) { // general
			@item: ~".@{class}-@{index}";
			.col((@index + 1), ~"@{list}, .row-spacing @{item}");
		}
		.col(@index, @list) when (@index > @grid-columns) { // terminal
			@{list} {
				// Inner gutter via padding
				padding-left :  ceil((@grid-gutter-width / 2));
				padding-right: floor((@grid-gutter-width / 2));
			}
		}
		.col(1); // kickstart it
	}

	.calc-grid-column(@index, @class, @type) when (@type = width) and (@index > 0) {
		.@{class}-@{index} {
			width: percentage((@index / @grid-columns));
		}
	}
	.calc-grid-column(@index, @class, @type) when (@type = push) and (@index > 0) {
		.@{class}-push-@{index} {
			left: percentage((@index / @grid-columns));
		}
	}
	.calc-grid-column(@index, @class, @type) when (@type = push) and (@index = 0) {
		.@{class}-push-0 {<commit_msg>row-spacing<commit_after> /*
## Grids - Estandar
```
<div class="container">
	<div class="row">
		<div class="xs-1 sm-2 md-3 lg-4" style="background-color: #ddd;">xs-1 sm-2 md-3 lg-4</div>
		<div class="xs-1 sm-2 md-3 lg-4" style="background-color: #999;">xs-1 sm-2 md-3 lg-4</div>
		<div class="xs-1 sm-2 md-3 lg-4" style="background-color: #ddd;">xs-1 sm-2 md-3 lg-4</div>
		<div class="xs-1 sm-2 md-3 lg-4" style="background-color: #999;">xs-1 sm-2 md-3 lg-4</div>
		<div class="xs-1 sm-2 md-3 lg-4" style="background-color: #ddd;">xs-1 sm-2 md-3 lg-4</div>
		<div class="xs-1 sm-2 md-3 lg-4" style="background-color: #999;">xs-1 sm-2 md-3 lg-4</div>
		<div class="xs-1 sm-2 md-3 lg-4" style="background-color: #ddd;">xs-1 sm-2 md-3 lg-4</div>
		<div class="xs-1 sm-2 md-3 lg-4" style="background-color: #999;">xs-1 sm-2 md-3 lg-4</div>
		<div class="xs-1 sm-2 md-3 lg-4" style="background-color: #ddd;">xs-1 sm-2 md-3 lg-4</div>
		<div class="xs-1 sm-2 md-3 lg-4" style="background-color: #999;">xs-1 sm-2 md-3 lg-4</div>
		<div class="xs-1 sm-2 md-3 lg-4" style="background-color: #ddd;">xs-1 sm-2 md-3 lg-4</div>
		<div class="xs-1 sm-2 md-3 lg-4" style="background-color: #999;">xs-1 sm-2 md-3 lg-4</div>
	</div>
</div>
```

## Grids - Spacing
Use row-spacing instead of just row to add padding to the columns
```
<div class="container">
	<div class="row-spacing">
		<div class="xs-1 sm-2 md-3 lg-4" style="background-color: #ddd;">xs-1 sm-2 md-3 lg-4</div>
		<div class="xs-1 sm-2 md-3 lg-4" style="background-color: #999;">xs-1 sm-2 md-3 lg-4</div>
		<div class="xs-1 sm-2 md-3 lg-4" style="background-color: #ddd;">xs-1 sm-2 md-3 lg-4</div>
		<div class="xs-1 sm-2 md-3 lg-4" style="background-color: #999;">xs-1 sm-2 md-3 lg-4</div>
		<div class="xs-1 sm-2 md-3 lg-4" style="background-color: #ddd;">xs-1 sm-2 md-3 lg-4</div>
		<div class="xs-1 sm-2 md-3 lg-4" style="background-color: #999;">xs-1 sm-2 md-3 lg-4</div>
		<div class="xs-1 sm-2 md-3 lg-4" style="background-color: #ddd;">xs-1 sm-2 md-3 lg-4</div>
		<div class="xs-1 sm-2 md-3 lg-4" style="background-color: #999;">xs-1 sm-2 md-3 lg-4</div>
		<div class="xs-1 sm-2 md-3 lg-4" style="background-color: #ddd;">xs-1 sm-2 md-3 lg-4</div>
		<div class="xs-1 sm-2 md-3 lg-4" style="background-color: #999;">xs-1 sm-2 md-3 lg-4</div>
		<div class="xs-1 sm-2 md-3 lg-4" style="background-color: #ddd;">xs-1 sm-2 md-3 lg-4</div>
		<div class="xs-1 sm-2 md-3 lg-4" style="background-color: #999;">xs-1 sm-2 md-3 lg-4</div>
	</div>
</div>
```
*/

& when (@firstLoad = true){
	.container,
	.container-fluid {
		margin-right : auto;
		margin-left  : auto;
		padding-left : floor((@grid-gutter-width / 2));
		padding-right: ceil((@grid-gutter-width / 2));
		&:extend(.clearfix all);
	}
	.container{
		&:before,
		&:after{
			content: '';
			clear  : both;
			display: table;
		}
	}

	// Rows contain and clear the floats of your columns.
	.row,
	.row-spacing{
		margin-left :  ceil((@grid-gutter-width / -2));
		margin-right: floor((@grid-gutter-width / -2));
		&:extend(.clearfix all);
	}


	// Common styles for small and large grid columns

	// Extra small grid
	// Columns, offsets, pushes, and pulls for extra small devices like
	.make-grid(@prefix-xs);
	@media (min-width: @bp_sm) {
		.make-grid(@prefix-sm);
		.container{ width: @container-sm; }
	}

	@media (min-width: @bp_md) {
		.make-grid(@prefix-md);
		.container{ width: @container-md; }
	}

	@media (min-width: @bp_lg) {
		.make-grid(@prefix-lg);
		.container{ width: @container-lg; }
	}




	//--------         MIXINS     -------------
	//------- Framework grid generation -------
	//-----------------------------------------

	.make-grid-columns(@class) {
		.col(@index) { // initial
			@item: ~".@{class}-@{index}";
			.col((@index + 1), @item);
		}
		.col(@index, @list) when (@index =< @grid-columns) { // general
			@item: ~".@{class}-@{index}";
			.col((@index + 1), ~"@{list}, @{item}");
		}
		.col(@index, @list) when (@index > @grid-columns) { // terminal
			@{list} {
				position     : relative;
				// Prevent columns from collapsing when empty
				min-height   : 1px;
				// Inner gutter via padding
				//padding-left :  ceil((@grid-gutter-width / 2));
				//padding-right: floor((@grid-gutter-width / 2));
				float        : left;
			}
		}
		.col(1); // kickstart it
	}

	.make-grid-columns-spacing(@class) {
		.col(@index) { // initial
			@item: ~".row-spacing > .@{class}-@{index}";
			.col((@index + 1), @item);
		}
		.col(@index, @list) when (@index =< @grid-columns) { // general
			@item: ~".@{class}-@{index}";
			.col((@index + 1), ~"@{list}, .row-spacing > @{item}");
		}
		.col(@index, @list) when (@index > @grid-columns) { // terminal
			@{list} {
				// Inner gutter via padding
				padding-left :  ceil((@grid-gutter-width / 2));
				padding-right: floor((@grid-gutter-width / 2));
			}
		}
		.col(1); // kickstart it
	}

	.calc-grid-column(@index, @class, @type) when (@type = width) and (@index > 0) {
		.@{class}-@{index} {
			width: percentage((@index / @grid-columns));
		}
	}
	.calc-grid-column(@index, @class, @type) when (@type = push) and (@index > 0) {
		.@{class}-push-@{index} {
			left: percentage((@index / @grid-columns));
		}
	}
	.calc-grid-column(@index, @class, @type) when (@type = push) and (@index = 0) {
		.@{class}-push-0 {
{'fraction_non_alphanumeric': 0.2427843803056027, 'fraction_numerical': 0.04659498207885305, 'mean_word_length': 2.83194795807734, 'pattern_counts': {'":': 0, '<': 119, '<?xml version=': 0, '>': 126, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '7375639', 'n_tokens_mistral': 4877, 'n_tokens_neox': 4421, 'n_words': 980}