<commit_before>/* Form Input */

.form-input {
	display: block;
	width: 100%;
	height: @input_height;
	padding: @input_padding;
	font-size: @input_font_size;
	line-height: @line_height;
	color: @input_colour;
	line-height: 100%;
	border: @input_border;
	background-color: @input_background;
	background-image: none;
	.border-radius(@input_border_radius);

	//Override Normalise for Input Types
	.border-box-sizing();


	// Placeholder
	.placeholder(@input_placeholder_color, @input_placeholder_font_size, @input_placeholder_font_family, @input_placeholder_letter_spacing, @input_placeholder_text_transform);

	//Disabled
	&:disabled {
		background: @light_grey;
	}

	//Error
	&.error {
		color: @input_error_color;
		border-color: @input_error_color;
	}

	// Reset height for `textarea`s
	textarea& {
		height: auto;
	}

	//Input Sizes
	&.input-small {
		.input-small();
	}

	&.input-medium {
		.input-medium();
	}

	&.input-large {
		.input-large();
	}

	&.input-extra-large {
		.input-extra-large();
	}
}


//Input Sizes
.input-small() {
	font-size: @label_small_font_size;
	height: @input_small_height;
	padding: @input_small_padding;
	.placeholder(@input_placeholder_color, @label_small_font_size, @input_placeholder_font_family, @input_placeholder_letter_spacing, @input_placeholder_text_transform);
}

.input-medium() {
	font-size: @label_medium_font_size;
	height: @input_medium_height;
	padding: @input_medium_padding;
	.placeholder(@input_placeholder_color, @label_medium_font_size, @input_placeholder_font_family, @input_placeholder_letter_spacing, @input_placeholder_text_transform);
}

.input-large() {
	font-size: @label_large_font_size;
	height: @input_large_height;
	padding: @input_large_padding;
	.placeholder(@input_placeholder_color, @label_large_font_size, @input_placeholder_font_family, @input_placeholder_letter_spacing, @input_placeholder_text_transform);

	@media @medium {
		font-size: @label_medium_font_size;
		height: @input_medium_height;
		padding: @input_medium_padding;
		.placeholder(@input_placeholder_color, @label_medium_font_size, @input_placeholder_font_family, @input_placeholder_letter_spacing, @input_placeholder_text_transform);
	}
}

.input-extra-large() {
	font-size: @label_extra_large_font_size;
	height: @input_extra_large_height;
	padding: @input_extra_large_padding;
	.placeholder(@input_placeholder_color, @label_extra_large_font_size, @input_placeholder_font_family, @input_placeholder_letter_spacing, @input_placeholder_text_transform);

	@media @medium {
		font-size: @label_large_font_size;
		height: @input_large_height;
		padding: @input_large_padding;
		.placeholder(@input_placeholder_color, @label_large_font_size, @input_placeholder_font_family, @input_placeholder_letter_spacing, @input_placeholder_text_transform);
	}
}

/* Input Group */

.input-group {
	position: relative; // For dropdowns
	display: table;
	border-collapse: separate; // prevent input groups from inheriting border styles from table cells when placed within a table

	&.input-inline {
		float: left;
	}

	//Undo Column Padding and Float
	&[class*="column-"] {
		float: none;
		padding-left: 0;
		padding-right: 0;
	}

	.form-input {
		float: left;
		width: 100%;
		margin-bottom: 0;
	}

	.input-group-button,
	.input-group .form-input {
		display: table-cell;
	}

	//Input Group Button
	.input-group-button {
		position: relative;
		font-size: 0;
		width: 1%;

		white-space: nowrap;
		vertical-align: middle;

		// Negative margin for spacing, position for bringing hovered/focused/actived
		// element above the siblings.
		> .button {
			position: relative;
			height: @input_medium_height;
			min-width: @input_medium_height;

			+ .button {
				margin-left: -1px;
			}

			// Bring the "active" button to the front
			&:hover,<commit_msg>Fixes for Input Group Inputs and Buttons for Border Radius'<commit_after>/* Form Input */

.form-input {
	display: block;
	width: 100%;
	height: @input_height;
	padding: @input_padding;
	font-size: @input_font_size;
	line-height: @line_height;
	color: @input_colour;
	line-height: 100%;
	border: @input_border;
	background-color: @input_background;
	background-image: none;
	.border-radius(@input_border_radius);

	//Override Normalise for Input Types
	.border-box-sizing();


	// Placeholder
	.placeholder(@input_placeholder_color, @input_placeholder_font_size, @input_placeholder_font_family, @input_placeholder_letter_spacing, @input_placeholder_text_transform);

	//Disabled
	&:disabled {
		background: @light_grey;
	}

	//Error
	&.error {
		color: @input_error_color;
		border-color: @input_error_color;
	}

	// Reset height for `textarea`s
	textarea& {
		height: auto;
	}

	//Input Sizes
	&.input-small {
		.input-small();
	}

	&.input-medium {
		.input-medium();
	}

	&.input-large {
		.input-large();
	}

	&.input-extra-large {
		.input-extra-large();
	}
}


//Input Sizes
.input-small() {
	font-size: @label_small_font_size;
	height: @input_small_height;
	padding: @input_small_padding;
	.placeholder(@input_placeholder_color, @label_small_font_size, @input_placeholder_font_family, @input_placeholder_letter_spacing, @input_placeholder_text_transform);
}

.input-medium() {
	font-size: @label_medium_font_size;
	height: @input_medium_height;
	padding: @input_medium_padding;
	.placeholder(@input_placeholder_color, @label_medium_font_size, @input_placeholder_font_family, @input_placeholder_letter_spacing, @input_placeholder_text_transform);
}

.input-large() {
	font-size: @label_large_font_size;
	height: @input_large_height;
	padding: @input_large_padding;
	.placeholder(@input_placeholder_color, @label_large_font_size, @input_placeholder_font_family, @input_placeholder_letter_spacing, @input_placeholder_text_transform);

	@media @medium {
		font-size: @label_medium_font_size;
		height: @input_medium_height;
		padding: @input_medium_padding;
		.placeholder(@input_placeholder_color, @label_medium_font_size, @input_placeholder_font_family, @input_placeholder_letter_spacing, @input_placeholder_text_transform);
	}
}

.input-extra-large() {
	font-size: @label_extra_large_font_size;
	height: @input_extra_large_height;
	padding: @input_extra_large_padding;
	.placeholder(@input_placeholder_color, @label_extra_large_font_size, @input_placeholder_font_family, @input_placeholder_letter_spacing, @input_placeholder_text_transform);

	@media @medium {
		font-size: @label_large_font_size;
		height: @input_large_height;
		padding: @input_large_padding;
		.placeholder(@input_placeholder_color, @label_large_font_size, @input_placeholder_font_family, @input_placeholder_letter_spacing, @input_placeholder_text_transform);
	}
}

/* Input Group */

.input-group {
	position: relative; // For dropdowns
	display: table;
	border-collapse: separate; // prevent input groups from inheriting border styles from table cells when placed within a table

	&.input-inline {
		float: left;
	}

	//Undo Column Padding and Float
	&[class*="column-"] {
		float: none;
		padding-left: 0;
		padding-right: 0;
	}

	.form-input {
		float: left;
		width: 100%;
		margin-bottom: 0;
		.border-radiuses (@input_border_radius, 0, @input_border_radius, 0);
	}

	.input-group-button,
	.input-group .form-input {
		display: table-cell;
	}

	//Input Group Button
	.input-group-button {
		position: relative;
		font-size: 0;
		width: 1%;

		white-space: nowrap;
		vertical-align: middle;

		// Negative margin for spacing, position for bringing hovered/focused/actived
		// element above the siblings.
		> .button {
			position: relative;
			height: @input_medium_height;
			min-width: @input_medium_height;
			.border-radiuses (0, @buttons_border_radius, 0, @buttons_border_radius);

			+ .button {
				margin-left: -1px;
			}

			// Bring the "active" button to the front
			&:hover,
{'fraction_non_alphanumeric': 0.11865719819238219, 'fraction_numerical': 0.004389928986442866, 'mean_word_length': 5.333605887162714, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 5, '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': '628359', 'n_tokens_mistral': 2827, 'n_tokens_neox': 2619, 'n_words': 496}