<commit_before>@charset 'utf-8';

@import 'variables';

// Variables
$dark: #333;
$light: #ffc;
$typeface: 'Helvetica Neue', Helvetica, Arial, sans-serif; /* stylelint-disable-line value-keyword-case */ // https://github.com/vicompany/stylelint-config-vi/issues/3

// Global styling
html {
	box-sizing: border-box;
	overflow-y: scroll;
}

* { /* stylelint-disable-line selector-no-universal */
	&,
	&:before,
	&:after {
		box-sizing: inherit;
	}
}

body {
	margin: 0;
	padding: 0;

	font: 1rem/1.5 $typeface;
}

// Selectors
.selector-1,
.selector-2,
.selector-3[type='text'] {
	position: relative;
	box-sizing: border-box;
	display: block;

	color: $dark;
	background: linear-gradient(#fff, rgba(0, 0, 0, 0.8));
}

// Nesting selectors and pseudo classes
.selector-1 {
	&:focus {
		border: solid 1px $dark;
	}

	&:hover {
		color: $light;
	}

	> button {
		margin: 0;

		.label {
			text-align: center;
		}
	}
}

// Pseudo elements
.selector-2 {
	&:before {
		position: absolute;
		left: 0;
		content: '';
	}

	&:after {
		background-image: url('x.svg');
		content: '→';
	}
}

.selector-a,<commit_msg>Nesting and chaining<commit_after>@charset 'utf-8';

@import 'variables';

// Variables
$dark: #333;
$light: #ffc;
$typeface: 'Helvetica Neue', Helvetica, Arial, sans-serif; /* stylelint-disable-line value-keyword-case */ // https://github.com/vicompany/stylelint-config-vi/issues/3

// Global styling
html {
	box-sizing: border-box;
	overflow-y: scroll;
}

* { /* stylelint-disable-line selector-no-universal */
	&,
	&:before,
	&:after {
		box-sizing: inherit;
	}
}

body {
	margin: 0;
	padding: 0;

	font: 1rem/1.5 $typeface;
}

// Selectors
.selector-1,
.selector-2,
.selector-3[type='text'] {
	position: relative;
	box-sizing: border-box;
	display: block;

	color: $dark;
	background: linear-gradient(#fff, rgba(0, 0, 0, 0.8));
}

// Pseudo classes
.selector-1 {
	&:focus {
		border: solid 1px $dark;
	}

	&:hover {
		color: $light;
	}
}

// Pseudo elements
.selector-2 {
	&:before {
		position: absolute;
		left: 0;
		content: '';
	}

	&:after {
		background-image: url('x.svg');
		content: '→';
	}
}

// Nesting and chaining selectors
.nav {
	> .btn {
		margin: 0;
	}

	&.is-visible {
		> .btn {
			margin: 2rem 1rem;
		}
	}
}

.selector-a,
{'fraction_non_alphanumeric': 0.18816725978647686, 'fraction_numerical': 0.021352313167259787, 'mean_word_length': 3.2274436090225564, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 6, 'https://': 2, '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': '203601', 'n_tokens_mistral': 1008, 'n_tokens_neox': 922, 'n_words': 189}