<commit_before>// ====================================================================
//  Generate Grid
//
//  variable:
//  Dependency: [
//      global-style-config
//  ]
//=====================================================================
@mixin rb-generate-layout-styles($configs) {
	//Styles breakpoints
	@each $className, $config in $configs {
		$gutter: map-get($config, gutter);
		$flexOrderSize: map-get($config, flexOrderSize);

		@if $className == 'all' {
			@include rb-layout-styles($className, $gutter, $flexOrderSize);
			@include rb-generate-layout-columns();
		} @else {
			@media #{map-get($config, media)} {
				@include rb-layout-styles($className, $gutter, $flexOrderSize);
			}
		}


	}
}

// ====================================================================
// global-style-config
//
//  variable:
//  Dependency: [
//      size-generator,
//      gutter-values,
//      order
//  ]
//=====================================================================
@mixin rb-layout-styles($className, $gutter, $flexOrderSize) {
	@include rb-size-generator($className);
	@include rb-size-gutter-generator($className, $gutter);
	@include rb-flex-order-generator($className, $flexOrderSize);
	@include rb-layout-offset($className);
}

// ====================================================================
//  Generate layout columns
//
//=====================================================================
@mixin rb-generate-layout-columns() {

	.is-column-group {
		display: flex;
		flex-wrap: wrap;

		.is-column-group {
			flex: 1;
		}

		//Only add flex behaviour to is-size element if in is-column-group
		> [class*=is-size-] {
			display: flex;
			flex-wrap: wrap;
		}
	}


	.is-unequal-height {
		display: block;
	}

}

@mixin rb-layout-offset($className) {

	@if $className == 'all' {
		$offsetType: '';

	} @else {
		$offsetType: '-' + $className;
	}

	.is-offset-right#{$offsetType} {
		margin-left: auto;
	}

	.is-offset-left#{$offsetType} {
		margin-right: auto;
	}

	.is-offset-middle#{$offsetType} {
		margin: auto;
	}
}

// ====================================================================
//  Generate Gutters Columns
//
//=====================================================================
@mixin rb-colgroup-gutter-equalizer($gutterHorizontal, $gutterVertical) {
	.is-column-group {

		&.is-gutter {
			margin-right: (-$gutterHorizontal / 2);
			margin-left: (-$gutterHorizontal / 2);
			padding-right: 0;
			padding-left: 0;
		}

		&.is-gutter-vertical {
			margin-top: (-$gutterVertical / 2);
			margin-bottom: (-$gutterVertical / 2);
		}

		&.is-gutter-horizontal {
			margin-right: (-$gutterHorizontal / 2);
			margin-left: (-$gutterHorizontal / 2);
			padding-right: 0;
			padding-left: 0;
		}
	}
}

@mixin rb-size-gutter-generator($className, $gutter) {

	@if type-of($gutter) == 'map' {

		@if map-has-key($gutter, horizontal) {
			$gutterHorizontal: map-get($gutter, horizontal);
		}
		@if map-has-key($gutter, vertical) {
			$gutterVertical: map-get($gutter, vertical);
		}

		.is-column-group {

			&.is-gutter {
				padding-right: ($gutterHorizontal / 2);
				padding-left: ($gutterHorizontal / 2);

				 > [class*=is-size-] {
					margin-top: ($gutterVertical / 2);
					margin-bottom: ($gutterVertical / 2);
					padding-right: ($gutterHorizontal / 2);
					padding-left: ($gutterHorizontal / 2);
				 }

				@include rb-colgroup-gutter-equalizer($gutterHorizontal, $gutterVertical);
			}

			&.is-gutter-vertical {

				> [class*=is-size-]  {
					margin-top: ($gutterVertical / 2);
					margin-bottom: ($gutterVertical / 2);
				}

				@include rb-colgroup-gutter-equalizer($gutterHorizontal, $gutterVertical);
			}

			&.is-gutter-horizontal {
				padding-right: ($gutterHorizontal / 2);
				padding-left: ($gutterHorizontal / 2);

				> [class*=is-size-]  {
					padding-right: ($gutterHorizontal / 2);
					padding-left: ($gutterHorizontal / 2);
				}

				@include rb-colgroup-gutter-equalizer($gutterHorizontal, $gutterVertical);
			}

		}
	}
}
// ====================================================================<commit_msg>updated calculation gutters<commit_after>// ====================================================================
//  Generate Grid
//
//  variable:
//  Dependency: [
//      global-style-config
//  ]
//=====================================================================
@mixin rb-generate-layout-styles($configs) {
	//Styles breakpoints
	@each $className, $config in $configs {
		$gutter: map-get($config, gutter);
		$flexOrderSize: map-get($config, flexOrderSize);

		@if $className == 'all' {
			@include rb-layout-styles($className, $gutter, $flexOrderSize);
			@include rb-generate-layout-columns();
		} @else {
			@media #{map-get($config, media)} {
				@include rb-layout-styles($className, $gutter, $flexOrderSize);
			}
		}


	}
}

// ====================================================================
// global-style-config
//
//  variable:
//  Dependency: [
//      size-generator,
//      gutter-values,
//      order
//  ]
//=====================================================================
@mixin rb-layout-styles($className, $gutter, $flexOrderSize) {
	@include rb-size-generator($className);
	@include rb-size-gutter-generator($className, $gutter);
	@include rb-flex-order-generator($className, $flexOrderSize);
	@include rb-layout-offset($className);
}

// ====================================================================
//  Generate layout columns
//
//=====================================================================
@mixin rb-generate-layout-columns() {

	.is-column-group {
		display: flex;
		flex-wrap: wrap;

		.is-column-group {
			flex: 1;
		}

		//Only add flex behaviour to is-size element if in is-column-group
		> [class*=is-size-] {
			display: flex;
			flex-wrap: wrap;
		}
	}


	.is-unequal-height {
		display: block;
	}

}

@mixin rb-layout-offset($className) {

	@if $className == 'all' {
		$offsetType: '';

	} @else {
		$offsetType: '-' + $className;
	}

	.is-offset-right#{$offsetType} {
		margin-left: auto;
	}

	.is-offset-left#{$offsetType} {
		margin-right: auto;
	}

	.is-offset-middle#{$offsetType} {
		margin: auto;
	}
}

// ====================================================================
//  Generate Gutters Columns
//
//=====================================================================
@mixin rb-colgroup-gutter-equalizer($gutterHorizontal, $gutterVertical) {
	.is-column-group {
		padding-right: 0;
		padding-left: 0;

		&.is-gutter {
			margin-right: (-$gutterHorizontal / 2);
			margin-left: (-$gutterHorizontal / 2);
			margin-top: (-$gutterVertical / 2);
			margin-bottom: (-$gutterVertical / 2);
		}

		&.is-gutter-vertical {
			margin-top: (-$gutterVertical / 2);
			margin-bottom: (-$gutterVertical / 2);
		}

		&.is-gutter-horizontal {
			margin-right: (-$gutterHorizontal / 2);
			margin-left: (-$gutterHorizontal / 2);
			padding-right: 0;
			padding-left: 0;
		}
	}
}

@mixin rb-size-gutter-generator($className, $gutter) {

	@if type-of($gutter) == 'map' {

		@if map-has-key($gutter, horizontal) {
			$gutterHorizontal: map-get($gutter, horizontal);
		}
		@if map-has-key($gutter, vertical) {
			$gutterVertical: map-get($gutter, vertical);
		}

		.is-column-group {

			&.is-gutter {
				padding-right: ($gutterHorizontal / 2);
				padding-left: ($gutterHorizontal / 2);

				 > [class*=is-size-] {
					margin-top: ($gutterVertical / 2);
					margin-bottom: ($gutterVertical / 2);
					padding-right: ($gutterHorizontal / 2);
					padding-left: ($gutterHorizontal / 2);
				 }

				.is-column-group {
					padding-right: 0;
					padding-left: 0;

					&.is-gutter {
						margin-right: (-$gutterHorizontal / 2);
						margin-left: (-$gutterHorizontal / 2);
						margin-top: (-$gutterVertical / 2);
						margin-bottom: (-$gutterVertical / 2);
					}

					&.is-gutter-vertical {
						margin-top: (-$gutterVertical / 2);
						margin-bottom: (-$gutterVertical / 2);
					}

					&.is-gutter-horizontal {
						margin-right: (-$gutterHorizontal / 2);
						margin-left: (-$gutterHorizontal / 2);
					}
				}
			}

			&.is-gutter-vertical {

				> [class*=is-size-]  {
					margin-top: ($gutterVertical / 2);
					margin-bottom: ($gutterVertical / 2);
				}

				.is-column-group {
					padding-right: 0;
					padding-left: 0;

					&.is-gutter,
					&.is-gutter-vertical {
						margin-top: (-$gutterVertical / 2);
						margin-bottom: (-$gutterVertical / 2);
					}

				}
			}

			&.is-gutter-horizontal {
				padding-right: ($gutterHorizontal / 2);
				padding-left: ($gutterHorizontal / 2);

				> [class*=is-size-]  {
					padding-right: ($gutterHorizontal / 2);
					padding-left: ($gutterHorizontal / 2);
				}

				.is-column-group {
					padding-right: 0;
					padding-left: 0;

					&.is-gutter,
					&.is-gutter-horizontal {
						margin-right: (-$gutterHorizontal / 2);
						margin-left: (-$gutterHorizontal / 2);
					}
				}
			}

		}
	}
}
// ====================================================================
{'fraction_non_alphanumeric': 0.294404973357016, 'fraction_numerical': 0.007326820603907638, 'mean_word_length': 3.285918173168411, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 11, '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': '3743889', 'n_tokens_mistral': 3521, 'n_tokens_neox': 2841, 'n_words': 483}