<commit_before>/* 
*	Input control:
*	Radios and checkboxes
*/
.input-control {
	font-size: $font-size-default;
	position: relative;
	display: block;
	padding-left: $margin-default*2.5;
	margin-bottom: $margin-default;
	cursor: pointer;
	float: left;
	clear: left;

	input {
		position: absolute;
		z-index: -1;
		opacity: 0;
	}

	/* Show active control */
	input:checked ~ .input-indicator:after {
		display: block;
	}

	/* Checked state */
	input:checked ~ .input-indicator {
		background: $input-control-color-focus;
	}

	&.disabled {
		color: $disabled;
	}

	input:disabled ~ .input-indicator {
		pointer-events: none;
		opacity: .6;
		background: $disabled;
	}
}

/* Hover and focus states */
.input-control:hover input ~ .input-indicator,
.input-control input:focus ~ .input-indicator {
	background: $input-control-color-focus;
}

/* Hover state whilst checked */
.input-control:hover input:not([disabled]):checked ~ .input-indicator,
.input-control input:checked:focus ~ .input-indicator {
	background: $input-control-color-focus;
}

/* Radio or checkbox, general styling */
.input-indicator {
	position: absolute;
	top: 2px;
	left: 0;
	width: 20px;
	height: 20px;
	background: $input-border-color;
	transition: $input-transition;

	&:after {
		position: absolute;
		display: none;
		content: '';
		transition: $input-transition;		
	}
}

/* Checkbox tick */
.input-checkbox {

	.input-indicator:after {
		top: 2px;
		left: 6px;
		width: 5px;
    	height: 10px;
		transform: rotate(45deg);
		border: solid $color01;
		border-width: 0 3px 3px 0;
	}

	/* Disabled tick colour */
	input:disabled ~ .input-indicator:after {
		border: none;
	}
}

/* Radio button inner circle */
.input-radio {

	.input-indicator {
		border-radius: 50%;

		&:after {
			top: 7px;
			left: 7px;
			width: 6px;
			height: 6px;
			border-radius: 50%;
			background: $input-bg-color;
		}
	}

	input:disabled ~ .input-indicator:after {
		background: $disabled;<commit_msg>Styled disabled checked checkbox and radiobutton<commit_after>/* 
*	Input control:
*	Radios and checkboxes
*/
.input-control {
	font-size: $font-size-default;
	position: relative;
	display: block;
	padding-left: $margin-default*2.5;
	margin-bottom: $margin-default;
	cursor: pointer;
	float: left;
	clear: left;

	input {
		position: absolute;
		z-index: -1;
		opacity: 0;
	}

	/* Show active control */
	input:checked ~ .input-indicator:after {
		display: block;
	}

	/* Checked state */
	input:checked ~ .input-indicator {
		background: $input-control-color-focus;
	}

	&.disabled {
		color: $disabled;
	}

	input:disabled ~ .input-indicator {
		pointer-events: none;
		opacity: .6;
		background: $disabled;
	}
}

/* Hover and focus states */
.input-control:hover input ~ .input-indicator,
.input-control input:focus ~ .input-indicator {
	background: $input-control-color-focus;
}

/* Hover state whilst checked */
.input-control:hover input:not([disabled]):checked ~ .input-indicator,
.input-control input:checked:focus ~ .input-indicator {
	background: $input-control-color-focus;
}

/* Hover states whilst disabled */
.input-control:hover input[disabled]:checked ~ .input-indicator,
.input-control:hover input[disabled] ~ .input-indicator
 {
	background: $disabled;
}

/* Radio or checkbox, general styling */
.input-indicator {
	position: absolute;
	top: 2px;
	left: 0;
	width: 20px;
	height: 20px;
	background: $input-border-color;
	transition: $input-transition;

	&:after {
		position: absolute;
		display: none;
		content: '';
		transition: $input-transition;		
	}
}

/* Checkbox tick */
.input-checkbox {

	.input-indicator:after {
		top: 2px;
		left: 6px;
		width: 5px;
    	height: 10px;
		transform: rotate(45deg);
		border: solid $color01;
		border-width: 0 3px 3px 0;
	}

	/* Disabled tick colour */
	input:disabled ~ .input-indicator:after {
		border-color: darken($disabled, 20%);
	}
}

/* Radio button inner circle */
.input-radio {

	.input-indicator {
		border-radius: 50%;

		&:after {
			top: 7px;
			left: 7px;
			width: 6px;
			height: 6px;
			border-radius: 50%;
			background: $input-bg-color;
		}
	}

	input:disabled ~ .input-indicator:after {
		background: darken($disabled, 20%);
{'fraction_non_alphanumeric': 0.14975961538461538, 'fraction_numerical': 0.016346153846153847, 'mean_word_length': 3.5625, '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': '5254430', 'n_tokens_mistral': 1644, 'n_tokens_neox': 1478, 'n_words': 338}