Skip to content

Instantly share code, notes, and snippets.

@rutger1140
Last active July 4, 2016 17:27
Show Gist options
  • Save rutger1140/140edf558b00e56e8cd2 to your computer and use it in GitHub Desktop.
Save rutger1140/140edf558b00e56e8cd2 to your computer and use it in GitHub Desktop.
Gravity Forms - basic style reset
// Simple form field styles
.form-field {
background-image: none;
background-color: #fff;
border: 1px solid #ccc;
border-radius: 3px;
display: block;
padding: .5em 1em;
width: 100%;
}
// Simple form button styles
.btn {
display: inline-block;
text-align: center;
vertical-align: middle;
touch-action: manipulation;
cursor: pointer;
background-image: none;
border: 1px solid transparent;
white-space: nowrap;
}
// Reset mixin
.gform-reset() {
ul {
margin: 0;
padding: 0;
list-style: none;
}
li {
margin: 0;
padding: 0;
}
select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"] {
.form-field;
}
textarea {
height: auto;
}
.button {
.btn;
}
.gform_footer {
padding-top: 30px;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment