<commit_before>// ==================
// === FORMS.scss ===
// ==================
// * Form
// * Input sizes
// * Form field feedback states
// * Input groups
// * Horizontal & vertical forms
// * Horizontal-specific styles

// === Form ===
// ============
// Make all forms have space below them
form {
	margin: 0 0 ($base-line-height + px);

	ul {
		@extend .unstyled;
	}
}

fieldset {
	padding: 0;
	margin: 0;
	border: 0;
}

// Margin to space out fieldsets
.control-group {
	margin-top: ($base-line-height / 2 + px);
	list-style-type: none;

	// Legend collapses margin, so next element is responsible for spacing
	legend + & {
		margin-top: $base-line-height + px;
		-webkit-margin-top-collapse: separate;
	}
}


// Groups of fields with labels on top (legends)
legend {
	display: block;
	width: 100%;
	padding: 0;
	margin-bottom: $base-line-height + px;
	@include font-size($base-font-size * 1.5);
	@include line-height($base-line-height * 2);
	color: $labelColour;
	border: 0;
	border-bottom: 1px solid #eee;

	// Small
	& small {
		@include font-size($base-font-size * .75);
		color: lighten(#000, 70%);
	}
}

// Set font for forms
label,
input,
button,
select,
textarea {
	@include font-size($base-font-size);
	@include line-height($base-line-height);
	font-weight: normal;
}

// And only set font-family here for those that need it (note the missing label element)
input,
button,
select,
textarea {
	font-family: $base-font-family;
}

// Identify controls by their labels
label {
	display: block;
	margin-bottom: 5px;
	color: $labelColour;
	font-weight: bold;

	& small {
		font-weight: normal;
		color: lighten($labelColour, 30%);
	}

	&.checkbox,
	&.radio {
		font-weight: normal;
		line-height: 1.4;
	}

	// Inputs within a label
	& input,
	& textarea,
	& select {
		display: block;
	}
}

// Inputs, Textareas, Selects
input,
textarea,
select,
.uneditable-input,
.file-wrapper {

	width: 210px;
	height: $base-line-height * 1.5 + px;
	padding: 4px;
	margin-bottom: 9px;
	@include font-size($base-font-size);
	@include line-height($base-line-height);
	color: $inputColour;
	background-color: #FFF;
	border: 1px solid $inputBorder;
	@include border-radius(3px);
}
.uneditable-textarea {
	width: auto;
	height: auto;
}



// Mini reset for unique input types
input {
	&[type="image"],
	&[type="checkbox"],
	&[type="radio"] {
		width: auto;
		height: auto;
		padding: 0;
		margin: 3px 0;
		*margin-top: 0; /* IE7 */
		line-height: normal;
		cursor: pointer;
		@include border-radius(0);
		border: 0 \9; /* IE9 and down */
	}
	&[type="image"] {
		border: 0;
	}
	// Reset the file input to browser defaults
	&[type="file"] {
		width: auto;
		height: 28px;
		padding: initial;
		line-height: initial;
		border: initial;
		background-color: $inputBackground;
		background-color: initial;
		@include box-shadow(none);
	}

	// Help out input buttons
	&[type="button"],
	&[type="reset"],
	&[type="submit"] {
		width: auto;
		height: auto;
	}

	// Remove shadow from image inputs
	&[type="image"] {
		@include box-shadow(none);
	}

	// Hidden inputs
	&[type="hidden"] {
		display: none;
	}

	&[type="color"] {
		@include square(40px);
		overflow: hidden;
		padding: 2px;
	}

}


// Set the height of select and file controls to match text inputs
select {
	width: 220px; // default input width + 10px of padding that doesn't get applied
	height: 28px; /* In IE7, the height of the select element cannot be changed by height, only font-size */
	*margin-top: 4px; /* For IE7, add top margin to align select with labels */
	@include line-height(28);

	// Chrome on Linux and Mobile Safari need background-color
	background-color: $inputBackground;

	// Make multiple select elements height not fixed
	&[multiple],
	&[size] {
		height: auto;
	}

}


// Make textarea height behave
textarea {
	height: auto;<commit_msg>Add input[type=password] font fallback - see http://martineau.tv/blog/2013/05/hidden-characters-in-password-inputs/ for more detail<commit_after>// ==================
// === FORMS.scss ===
// ==================
// * Form
// * Input sizes
// * Form field feedback states
// * Input groups
// * Horizontal & vertical forms
// * Horizontal-specific styles

// === Form ===
// ============
// Make all forms have space below them
form {
	margin: 0 0 ($base-line-height + px);

	ul {
		@extend .unstyled;
	}
}

fieldset {
	padding: 0;
	margin: 0;
	border: 0;
}

// Margin to space out fieldsets
.control-group {
	margin-top: ($base-line-height / 2 + px);
	list-style-type: none;

	// Legend collapses margin, so next element is responsible for spacing
	legend + & {
		margin-top: $base-line-height + px;
		-webkit-margin-top-collapse: separate;
	}
}


// Groups of fields with labels on top (legends)
legend {
	display: block;
	width: 100%;
	padding: 0;
	margin-bottom: $base-line-height + px;
	@include font-size($base-font-size * 1.5);
	@include line-height($base-line-height * 2);
	color: $labelColour;
	border: 0;
	border-bottom: 1px solid #eee;

	// Small
	& small {
		@include font-size($base-font-size * .75);
		color: lighten(#000, 70%);
	}
}

// Set font for forms
label,
input,
button,
select,
textarea {
	@include font-size($base-font-size);
	@include line-height($base-line-height);
	font-weight: normal;
}

// And only set font-family here for those that need it (note the missing label element)
input,
button,
select,
textarea {
	font-family: $base-font-family;
}

// Identify controls by their labels
label {
	display: block;
	margin-bottom: 5px;
	color: $labelColour;
	font-weight: bold;

	& small {
		font-weight: normal;
		color: lighten($labelColour, 30%);
	}

	&.checkbox,
	&.radio {
		font-weight: normal;
		line-height: 1.4;
	}

	// Inputs within a label
	& input,
	& textarea,
	& select {
		display: block;
	}
}

// Inputs, Textareas, Selects
input,
textarea,
select,
.uneditable-input,
.file-wrapper {

	width: 210px;
	height: $base-line-height * 1.5 + px;
	padding: 4px;
	margin-bottom: 9px;
	@include font-size($base-font-size);
	@include line-height($base-line-height);
	color: $inputColour;
	background-color: #FFF;
	border: 1px solid $inputBorder;
	@include border-radius(3px);
}
.uneditable-textarea {
	width: auto;
	height: auto;
}



// Mini reset for unique input types
input {
	&[type="image"],
	&[type="checkbox"],
	&[type="radio"] {
		width: auto;
		height: auto;
		padding: 0;
		margin: 3px 0;
		*margin-top: 0; /* IE7 */
		line-height: normal;
		cursor: pointer;
		@include border-radius(0);
		border: 0 \9; /* IE9 and down */
	}
	&[type="image"] {
		border: 0;
	}
	// Reset the file input to browser defaults
	&[type="file"] {
		width: auto;
		height: 28px;
		padding: initial;
		line-height: initial;
		border: initial;
		background-color: $inputBackground;
		background-color: initial;
		@include box-shadow(none);
	}

	// Help out input buttons
	&[type="button"],
	&[type="reset"],
	&[type="submit"] {
		width: auto;
		height: auto;
	}

	// Remove shadow from image inputs
	&[type="image"] {
		@include box-shadow(none);
	}

	// Hidden inputs
	&[type="hidden"] {
		display: none;
	}

	&[type="color"] {
		@include square(40px);
		overflow: hidden;
		padding: 2px;
	}

	&[type="password"] {
		font-family: sans-serif;
	}

}


// Set the height of select and file controls to match text inputs
select {
	width: 220px; // default input width + 10px of padding that doesn't get applied
	height: 28px; /* In IE7, the height of the select element cannot be changed by height, only font-size */
	*margin-top: 4px; /* For IE7, add top margin to align select with labels */
	@include line-height(28);

	// Chrome on Linux and Mobile Safari need background-color
	background-color: $inputBackground;

	// Make multiple select elements height not fixed
	&[multiple],
	&[size] {
		height: auto;
	}

}


// Make textarea height behave
textarea {
	height: auto;
{'fraction_non_alphanumeric': 0.16378094138771324, 'fraction_numerical': 0.016929588303193535, 'mean_word_length': 3.4585477415666097, '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': '7612320', 'n_tokens_mistral': 2999, 'n_tokens_neox': 2744, 'n_words': 796}