<commit_before>/**
 *
 * Alignment Classes (SCSS)
 *
 * @author <NAME> @ Space-Time Inc.
 * @version 2019-08-27
 *
 * @import '../basic/base';
 * @import '../basic/query';
 *
 */


$stile-alignment-size-min-text-width: 16rem !default;
$stile-alignment-size-text-width    : 48rem !default;
$stile-alignment-size-width         : 72rem !default;


@mixin stile-alignment {
	@include stile-alignment-main;
	@include stile-alignment-size;
	@include stile-alignment-option($stile-alignment-size-text-width, $stile-alignment-size-width);
}


// -----------------------------------------------------------------------------


@mixin stile-alignment-main {
	.alignleft,
	.alignright,
	.aligncenter {
		@include stile-alignment-center;
	}
	*:first-child {
		.aligncenter,
		.alignleft [data-stile ~= 'aligncenter'],
		.alignright[data-stile ~= 'aligncenter'] {
			&[data-stile ~= 'has-only-child-element'],
			&[data-stile ~= 'only-child-element'],
			> *[data-stile ~= 'only-child-element'] {
				margin-top: 0;
			}
		}
	}

	// Without Size Classes ----------------------------------------------------

	@include for-tablet-up {
		* { @include stile-alignment-float }
	}

	// With Size Classes -------------------------------------------------------
<commit_msg>Fix and improve margin of items in container<commit_after>/**
 *
 * Alignment Classes (SCSS)
 *
 * @author <NAME> @ Space-Time Inc.
 * @version 2020-03-02
 *
 * @import '../basic/base';
 * @import '../basic/query';
 *
 */


$stile-alignment-size-min-text-width: 16rem !default;
$stile-alignment-size-text-width    : 48rem !default;
$stile-alignment-size-width         : 72rem !default;


@mixin stile-alignment {
	@include stile-alignment-main;
	@include stile-alignment-size;
	@include stile-alignment-option($stile-alignment-size-text-width, $stile-alignment-size-width);
}


// -----------------------------------------------------------------------------


@mixin stile-alignment-main {
	.alignleft,
	.alignright,
	.aligncenter {
		@include stile-alignment-center;
	}
	.column-2 > div,
	.column-3 > div,
	.column-4 > div,
	.card-2 > div,
	.card-3 > div,
	.card-4 > div,
	*:first-child {
		.aligncenter,
		.alignleft [data-stile ~= 'aligncenter'],
		.alignright[data-stile ~= 'aligncenter'] {
			&[data-stile ~= 'has-only-child-element'],
			&[data-stile ~= 'only-child-element'],
			> *[data-stile ~= 'only-child-element'] {
				margin: { top: 0; bottom: 0; }
			}
		}
	}

	// Without Size Classes ----------------------------------------------------

	@include for-tablet-up {
		* { @include stile-alignment-float }
	}

	// With Size Classes -------------------------------------------------------

{'fraction_non_alphanumeric': 0.29431689875799777, 'fraction_numerical': 0.013925479864508844, 'mean_word_length': 1.8891304347826088, 'pattern_counts': {'":': 0, '<': 5, '<?xml version=': 0, '>': 13, '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': '3844816', 'n_tokens_mistral': 961, 'n_tokens_neox': 863, 'n_words': 150}