Skip to content

Instantly share code, notes, and snippets.

@aebsr
Last active December 16, 2015 22:58
Show Gist options
  • Save aebsr/5510369 to your computer and use it in GitHub Desktop.
Save aebsr/5510369 to your computer and use it in GitHub Desktop.
unstyle form mixin, for possible inclusion into bedrock
// mixin - extends mixins from aebsr/bedrock
.unstyle-form () {
textarea, select, input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"]{
.background-clip(padding);
.border-radius(0);
-webkit-appearance: none;
background-color: #fff;
color: #000;
outline: 0;
margin: 0;
padding: 0;
vertical-align: middle;
border: none;
}
fieldset, button {
-webkit-appearance: none;
border: none;
padding: 0;
margin: 0;
}
button {
background: white;
color: #000;
}
legend {
padding: 0;
}
}
// usage
.newsletter {
.unstyle-form();
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment