Skip to content

Instantly share code, notes, and snippets.

@rutger1140
Created November 27, 2013 14:40
Show Gist options
  • Save rutger1140/7676731 to your computer and use it in GitHub Desktop.
Save rutger1140/7676731 to your computer and use it in GitHub Desktop.
Style Gravity Forms with Bootstrap 3 Taken from: http://roots.io/style-gravity-forms-with-bootstrap/
/**
* Gravity Forms styles with Bootstrap 3 mixins
*
* GF settings:
* - Output CSS = No
* - Output HTML5 = Yes
*/
.gform_wrapper ul {
.list-unstyled();
}
.gform_wrapper li {
.form-group();
}
.gform_wrapper form {
margin-bottom: 0;
}
.gform_wrapper .gfield_label {
}
.gform_wrapper .gfield_required {
padding-left: 1px;
color: @state-danger-text;
}
.ginput_container input,
.ginput_container select,
.ginput_container textarea {
.form-control();
}
.ginput_container textarea {
height: auto;
}
.gform_button {
.btn();
.btn-primary();
}
.gform_wrapper .gfield_error {
.gfield_label {
color: @state-danger-text;
}
input,
select,
textarea {
border-color: @alert-danger-border;
background-color: @alert-danger-bg;
color: @alert-danger-text;
.form-control-focus(@alert-danger-text);
}
}
.validation_error {
.alert();
.alert-danger();
}
#gforms_confirmation_message {
.alert();
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment