hacks-guide-minimal-mistakes-theme/_sass/forms.scss

/* ==========================================================================
   Forms
   ========================================================================== */

btnform { 
	margin: 0 0 5px 0;
	fieldset { 
		margin-bottom: 5px; 
		padding: 0; 
		border-width: 0; 
	}
	legend { 
		display: block;
		width: 100%;
		margin-bottom: 5px * 2;
		*margin-left: -7px; 
		padding: 0;
		color: $textcolor;
		border: 0;
		border-bottom: 1px solid lighten($black, 80);
		white-space: normal; 
	}
	p {
		margin-bottom: 5px / 2; 
	}
	ul {
		list-style-type: none; 
		margin: 0 0 5px 0;
		padding: 0; 
	}
	br {
		display: none; 
	}
}
label,
input,
button,
select,
textarea {
	vertical-align: baseline; 
	*vertical-align: middle; 
}
input,
button,
select,
textarea {
	font-family: $base-font; 
	@include box-sizing(border-box); 
}
label {
	display: block;
	margin-bottom: 10px / 8;
	font-weight: bold;
	color: $textcolor;
	cursor: pointer; 
	input,
	textarea,
	select {
		display: block; 
	}
}
input,
textarea,
select {
	display: inline-block;
	width: 100%;
	padding: 4px;
	margin-bottom: 5px / 4;
	background-color: $white;
	border: 1px solid lighten($black, 80);
	color: $textcolor; 
	&:hover {
		border-color: lighten($accentcolor, 50); 
	}
}
.input-mini { 
	width: 60px; 
}
.input-small { 
	width: 90px; 
}
input[type="image"],
input[type="checkbox"],
input[type="radio"] {
	width: auto;
	height: auto;
	padding: 0;
	margin: 3px 0;
	*margin-top: 0;
	line-height: normal;
	cursor: pointer;
	@include rounded(0);
	border: 0 \9; 
}
input[type="checkbox"], 
input[type="radio"] {  
	@include box-sizing(border-box);
	padding: 0; 
	*width: 13px; 
	*height: 13px; 
}
input[type="image"] {
	border: 0; 
	@include box-shadow(none); 
}
input[type="file"] {
	width: auto;
	padding: initial;
	line-height: initial;
	border: initial;
	background-color: transparent;
	background-color: initial;
	@include box-shadow(none); 
}
input[type="button"],
input[type="reset"],
input[type="submit"] {
	width : auto;
	height : auto;
	cursor : pointer;
	*overflow : visible; 
}
select,
input[type="file"] {
	*margin-top : 4px;  
}
select {
	width : auto;
	background-color : $white;
}
select[multiple],
select[size] {
	height : auto; 
}
textarea {
	@include resize(vertical);
	height : auto;
	overflow : auto; 
	vertical-align : top; 
}
input[type="hidden"] {
	display : none; 
}
.radio,
.checkbox {
	padding-left : 18px; 
	font-weight : normal; 
}
.radio input[type="radio"],
.checkbox input[type="checkbox"] {
	float : left;
	margin-left : -18px; 
}
.radio.inline,
.checkbox.inline {
	display : inline-block;
	padding-top : 5px;
	margin-bottom : 0;
	vertical-align : middle; 
}
.radio.inline + .radio.inline,
.checkbox.inline + .checkbox.inline {
	margin-left : 10px; 
}

/* 
   Disabled state
   ========================================================================== */

input[disabled],
select[disabled],
textarea[disabled],
input[readonly],
select[readonly],
textarea[readonly] {
	@include opacity(.5);
	cursor : not-allowed; 
}

/* 
   Focus & active state
   ========================================================================== */

input:focus,
textarea:focus {
	border-color : $accentcolor;
	outline : 0;
	outline : thin dotted \9; 
}
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus,
select:focus {
	@include box-shadow(none); 
}

/* 
   Help text
   ========================================================================== */

.help-block,
.help-inline {
	color : lighten($black, 50); 
}
.help-block {
	display : block; 
	margin-bottom : 1em; 
	line-height : 1em;
}
.help-inline {
	display : inline-block;
	vertical-align : middle;
	padding-left : 5px; 
}

/* 
   .form-inline
   ========================================================================== */

.form-inline input,
.form-inline textarea,
.form-inline select {
	display : inline-block;
	margin-bottom : 0; 
}
.form-inline label {
	display : inline-block; 
}
.form-inline .radio,
.form-inline .checkbox,
.form-inline .radio {
	padding-left : 0;
	margin-bottom : 0;
	vertical-align : middle; 
}
.form-inline .radio input[type="radio"],
.form-inline .checkbox input[type="checkbox"] {
	float : left;
	margin-left : 0;
	margin-right : 3px; }

/* 
   .form-search
   ========================================================================== */

.form-search input,
.form-search textarea,
.form-search select {
	display : inline-block;
	margin-bottom : 0; 
}
.form-search .search-query {
	padding-left : 14px;
	padding-right : 14px;
	margin-bottom : 0; 
	@include rounded(14px); 
}
.form-search label {
	display : inline-block;
}
.form-search .radio,
.form-search .checkbox,
.form-inline .radio {
	padding-left : 0;
	margin-bottom : 0;
	vertical-align : middle;
}
.form-search .radio input[type="radio"],
.form-search .checkbox input[type="checkbox"] {
	float : left;
	margin-left : 0;
	margin-right : 3px;
}