<commit_before>/* ==========================================================================
   Forms
   * Generic form styles
   * Form inputs and groups
   * Form field feedback states
   * Horizontal & vertical forms
   * Horizontal-specific styles
   ========================================================================== */


/* ==========================================================================
   Generic form styles
   * Demo: http://tmwagency.github.io/kickoff/demos/forms.html#layout-example-labels-above
   * Code: https://gist.github.com/mrmartineau/6712577#file-labels-above-inputs-html
   Usage:
    <ul>
    	<li class="form-controlGroup">
    		<label for="name" class="form-controlGroup-label">Name</label>
    		<div class="form-controlGroup-input">
    			<input type="text" id="name" placeholder="<NAME>" />
    		</div>
    	</li>
    </ul>
   ========================================================================== */
form {
	margin: 0 0 ($base-line-height + px);

	ul {
		@extend .unstyled;
	}
}

/* Fieldset */
fieldset {
	padding: 0;
	margin: 0;
	border: 0;
}

/* ==========================================================================
   Form inputs and groups
   ========================================================================== */
.form-controlGroup {
	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;
	}
}

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

// 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: $label-color;
	font-weight: bold;

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

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

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

// Inputs, Textareas, Selects
// fluid width by default
input,
textarea,
select,
.fileWrapper {
	display: block;
	width: 100%;
	height: $base-line-height * 1.5 + px;
	padding: 4px;
	margin-bottom: 9px;
	@include font-size($base-font-size);
	line-height: $base-leading;
	color: $input-color;
	background-color: #FFF;
	border: 1px solid $input-border;
	@include border-radius(3px);
}

.textarea--uneditable {
	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;
		line-height: normal;
		cursor: pointer;
		@include border-radius(0);
		@include box-sizing(border-box);
		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: $input-background;
		background-color: initial;
		@include box-shadow(none);
	}

	// 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;
	}

}

// Help out input buttons
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	width: auto;
	height: auto;
	cursor: pointer;
	-webkit-appearance: button;
}

<commit_msg>[type=range] fixes<commit_after>/* ==========================================================================
   Forms
   * Generic form styles
   * Form inputs and groups
   * Form field feedback states
   * Horizontal & vertical forms
   * Horizontal-specific styles
   ========================================================================== */


/* ==========================================================================
   Generic form styles
   * Demo: http://tmwagency.github.io/kickoff/demos/forms.html#layout-example-labels-above
   * Code: https://gist.github.com/mrmartineau/6712577#file-labels-above-inputs-html
   Usage:
    <ul>
    	<li class="form-controlGroup">
    		<label for="name" class="form-controlGroup-label">Name</label>
    		<div class="form-controlGroup-input">
    			<input type="text" id="name" placeholder="<NAME>" />
    		</div>
    	</li>
    </ul>
   ========================================================================== */
form {
	margin: 0 0 ($base-line-height + px);

	ul {
		@extend .unstyled;
	}
}

/* Fieldset */
fieldset {
	padding: 0;
	margin: 0;
	border: 0;
}

/* ==========================================================================
   Form inputs and groups
   ========================================================================== */
.form-controlGroup {
	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;
	}
}

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

// 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: $label-color;
	font-weight: bold;

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

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

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

// Inputs, Textareas, Selects
// fluid width by default
input,
textarea,
select,
.fileWrapper {
	display: block;
	width: 100%;
	height: 2.5em;
	padding: 4px;
	margin-bottom: 9px;
	@include font-size($base-font-size);
	line-height: $base-leading;
	color: $input-color;
	background-color: #FFF;
	border: 1px solid $input-border;
	@include border-radius(3px);
}

.textarea--uneditable {
	width: auto;
	height: auto;
}


// Mini reset for unique input types
input {
	&[type="image"],
	&[type="checkbox"],
	&[type="radio"],
	&[type="range"] {
		width: auto;
		height: auto;
		padding: 0;
		margin: 3px 0;
		line-height: normal;
		cursor: pointer;
		@include border-radius(0);
		@include box-sizing(border-box);
		// 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: $input-background;
		background-color: initial;
		@include box-shadow(none);
	}

	// Remove shadow from image inputs
	&[type="image"],
	&[type="range"],
	&[type="range"]:focus {
		@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;
	}

	&[type="range"] {
		width: 100%;
	}
}

// Help out input buttons
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	width: auto;
	cursor: pointer;
	-webkit-appearance: button;
}


{'fraction_non_alphanumeric': 0.25762135287190896, 'fraction_numerical': 0.01085961010074578, 'mean_word_length': 3.9284332688588006, 'pattern_counts': {'":': 0, '<': 23, '<?xml version=': 0, '>': 23, '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': '5064380', 'n_tokens_mistral': 2748, 'n_tokens_neox': 2492, 'n_words': 605}