megwoo
8/9/2015 - 9:59 PM

Resets for all form fields

Global reset

input[type=email], input[type=search], input[type=number], input[type=password], input[type=tel], input[type=text], textarea {
	@include b-font;
	color: $c-gray1;
	background: $c-input-background;
	border: 1px solid $c-divider-border !important;
	line-height: 44px;
	height: 44px;
	padding: 0 14px;
	text-transform: none !important;	
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	-ms-border-radius: 0px;
	-o-border-radius: 0px;
	border-radius: 0px;
	overflow: hidden;
}

/* removes "clear" fuction from ie fields */
input[type=email]::-ms-clear, 
input[type=search]::-ms-clear, 
input[type=number]::-ms-clear, 
input[type=password]::-ms-clear, 
input[type=tel]::-ms-clear, 
input[type=text]::-ms-clear, 
textarea::-ms-clear {
    display: none;
}

textarea {
	line-height: normal;
	height: auto;
	font-size: $f-size;
}

/* sets outline when field is selected */
input:focus, select:focus, textarea:focus {
	outline-color: $c-blue !important;
	background: $c-white !important;
}

/* firefix height fix */
::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/* quick style for select with custom arrow image */
select {
	background: #FFF url(images/select-dropdown.gif) no-repeat right center;
	padding: 8px 0 7px 20% !important;
	-webkit-border-radius: 0px !important;
	-moz-border-radius: 0px !important;
	-ms-border-radius: 0px !important;
	-o-border-radius: 0px !important;
	border-radius: 0px !important;
	-webkit-appearance: none !important;
	-moz-appearance: none !important;
  text-indent: 0.01px !important;
  text-overflow: '' !important;
}