<commit_before>@import "susy";

$susy: (
	columns: 12,
	gutters: 1/4,
	container: em(1280px),
	output: float
);

@import "breakpoint";

$bp-medium:		640px;
$bp-large:		1024px;
$bp-xlarge:		1280px;


$breakpoint-to-ems: true;


// $breakpoint-no-query-fallbacks: true;
// $no-queries: $bp-medium, 'no-query' '.no-mediaqueries';


body.breakpoint-3 {
	background-color: #682674;

	.main,
	.sidebar {
		border: 5px solid;
		border-radius: 5px;
		padding: 0.5em percentage(20px / 1024px);
	}

	.main {
		background-color: #FFEECE;
		border-color: #805c19;
	}

	.sidebar {
		background-color: #C6D4F5;
		border-color: #193880;
	}


	// Create 2 column grid using Susy and Breakpoint
	.wrapper {

		@include breakpoint($bp-medium) {
			@include container;
		}

		// @include breakpoint($no-queries) {
		// 	@include container;
		// }
	}

	.main {
		@include breakpoint($bp-medium) {
			@include span(6);
		}

		// @include breakpoint($no-queries) {
		// 	@include span(6);
		// }
	}

	.sidebar {
		@include breakpoint($bp-medium) {
			@include span(3);

			&:last-child {
				@include last;
			}
		}

		// @include breakpoint($no-queries) {
		// 	@include span(3);

		// 	&:last-child {
		// 		@include last;<commit_msg>added in the "large" breakpoint state<commit_after>@import "susy";

$susy: (
	columns: 12,
	gutters: 1/4,
	container: em(1280px),
	output: float
);

@import "breakpoint";

$bp-medium:		640px;
$bp-large:		1024px;
$bp-xlarge:		1280px;

$breakpoint-to-ems: true;

// $breakpoint-no-query-fallbacks: true;
// $no-queries: $bp-medium, 'no-query' '.no-mediaqueries';


body.breakpoint-3 {
	background-color: #682674;

	.main,
	.sidebar {
		border: 5px solid;
		border-radius: 5px;
		padding: 0.5em percentage(20px / 1024px);
	}

	.main {
		background-color: #FFEECE;
		border-color: #805c19;
	}

	.sidebar {
		background-color: #C6D4F5;
		border-color: #193880;
	}


	// Create 2 column grid using Susy and Breakpoint
	.wrapper {

		@include breakpoint($bp-medium) {
			@include container;
		}

		// @include breakpoint($no-queries) {
		// 	@include container;
		// }
	}

	.main {
		@include breakpoint($bp-medium) {
			@include span(6);
		}

		@include breakpoint($bp-large) {
			@include span(isolate 6 of 12 at 1);
		}

		// @include breakpoint($no-queries) {
		// 	@include span(6);
		// }
	}

	.sidebar {
		@include breakpoint($bp-medium) {
			@include span(3);

			&:last-child {
				@include last;
			}
		}

		@include breakpoint($bp-large) {
			@include span(isolate 3 of 12 at 7);

			&:last-child {
				@include span(isolate 3 of 12 at 10);
			}
		}

		// @include breakpoint($no-queries) {
		// 	@include span(3);

		// 	&:last-child {
		// 		@include last;
{'fraction_non_alphanumeric': 0.17376681614349776, 'fraction_numerical': 0.04596412556053812, 'mean_word_length': 2.8797101449275364, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, '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': '5497308', 'n_tokens_mistral': 1287, 'n_tokens_neox': 1084, 'n_words': 214}