megwoo
6/24/2015 - 5:11 AM

CSS Remove Button Styles

Global set up

/* reset buttons */
a.button, button, input[type='reset'], input[type='button'], input[type='submit'] {
	background-color: #fff; 
	background-image: none;
	background-repeat: no-repeat;
	filter: none;
	color: #000;
	font-size: 12px;
	border: none;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	text-shadow: none;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: normal;
	-webkit-appearance: none;
	-webkit-box-sizing: border-box;
	overflow: hidden !important;
	outline: none;
}

/* custom style buttons */
a.button, button, input[type='reset'], input[type='button'], input[type='submit'] {
	@include b-font-bold;
	color: $c-white;
	background: $c-gray3 !important;
	text-transform: uppercase;
	height: auto !important;
	min-width: inherit !important;
	text-decoration: none !important;
	
	&:hover {
		background: darken($c-gray3, 15%) !important;
		-webkit-transition: all 1s;
		-moz-transition: all 1s;
		-o-transition: all 1s;
		transition: all 1s;
	}
}

/* stupid firefox button height fix */
input[type='reset']::-moz-focus-inner, input[type='button']::-moz-focus-inner, input[type='submit']::-moz-focus-inner { 
	margin-top:-2px; 
	margin-bottom: -2px;
}