<commit_before>// Add background images
@mixin backgroundImage($image-url) {
	background-image: url($image-url);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}



// Aspect radio
@mixin aspectRatio {
	// stylelint-disable-next-line selector-list-comma-newline-after
	&.is-1by1::before, &.is-square {padding-bottom: percentage(1 / 1);} // 1:1
	&.is-21by9::before {padding-bottom: percentage(9 / 21);} // 21:9
	&.is-16by9::before {padding-bottom: percentage(9 / 16);} // 16:9
	&.is-5by3::before {padding-bottom: percentage(3 / 5);} // 5:3
	&.is-4by3::before {padding-bottom: percentage(3 / 4);} // 4:3
	&.is-2by1::before {padding-bottom: percentage(1 / 2);} // 2:1
}
<commit_msg>Add pixel ratio Media Queries<commit_after>// Add background images
@mixin backgroundImage($image-url) {
	background-image: url($image-url);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}



// Aspect radio
@mixin aspectRatio {
	// stylelint-disable-next-line selector-list-comma-newline-after
	&.is-1by1::before, &.is-square {padding-bottom: percentage(1 / 1);} // 1:1
	&.is-21by9::before {padding-bottom: percentage(9 / 21);} // 21:9
	&.is-16by9::before {padding-bottom: percentage(9 / 16);} // 16:9
	&.is-5by3::before {padding-bottom: percentage(3 / 5);} // 5:3
	&.is-4by3::before {padding-bottom: percentage(3 / 4);} // 4:3
	&.is-2by1::before {padding-bottom: percentage(1 / 2);} // 2:1
}



// Media Queries for pixel ratio
// stylelint-disable media-feature-name-no-vendor-prefix
@mixin pixelRatio($pixelratio) {
	@if $pixelratio == 1 {
		@media (-webkit-min-device-pixel-ratio: 1),
					 (min-resolution: 96dpi) {
			@content;
		}
	}

	@if $pixelratio == 1.5 {
		@media (-webkit-min-device-pixel-ratio: 1.5),
					 (min-resolution: 144dpi) {
			@content;
		}
	}

	@if $pixelratio == 2 {
		@media (-webkit-min-device-pixel-ratio: 2),
					 (min-resolution: 192dpi) {
			@content;
		}
	}

	@if $pixelratio == 2.5 {
		@media (-webkit-min-device-pixel-ratio: 2.5),
					 (min-resolution: 240dpi) {
			@content;
		}
	}

	@if $pixelratio == 3 {
		@media (-webkit-min-device-pixel-ratio: 3),
					 (min-resolution: 288dpi) {
			@content;
		}
	}

	@if $pixelratio == 3.5 {
		@media (-webkit-min-device-pixel-ratio: 3.5),
					 (min-resolution: 336dpi) {
			@content;
		}
	}

	@if $pixelratio == 4 {
		@media (-webkit-min-device-pixel-ratio: 4),
					 (min-resolution: 384dpi) {
			@content;
		}
	}
}
// stylelint-enable

{'fraction_non_alphanumeric': 0.19221508828250403, 'fraction_numerical': 0.04975922953451043, 'mean_word_length': 3.320623916811092, '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': '3380889', 'n_tokens_mistral': 1107, 'n_tokens_neox': 947, 'n_words': 181}