Skip to content

Instantly share code, notes, and snippets.

@joshmoto
Last active September 21, 2017 12:46
Show Gist options
  • Save joshmoto/6657e401bab0e1f499601c202bdc5ee1 to your computer and use it in GitHub Desktop.
Save joshmoto/6657e401bab0e1f499601c202bdc5ee1 to your computer and use it in GitHub Desktop.
Gravity Forms SASS overides inconjunction with Jay Hoffmann's `add_bootstrap_container_class` php function.
/**
* @description Gravity Forms SASS overides inconjunction with Jay Hoffmann's add_bootstrap_container_class
*
* @author Jay Hoffmann (modified by Josh Cranwell)
*
* @source https://jayhoffmann.com/using-gravity-forms-bootstrap-styles/
*
* @instructions
* - Gravity Form settings: HTML 5 [true], CSS OUTPUT [false].
* - Repsonsive column classes must be added to each field in the admin to control inputs .col-[screen-size]-[column-count]
* - If all your inputs are the same width then you can @extend .col-xs-12 below line 20.
*/
.gform_fields {
@extend .list-unstyled;
@extend .row;
INPUT, SELECT, TEXTAREA {
@extend .form-control;
// @extend .col-xs-12;
}
TEXTAREA {
height: auto;
}
}
.gfield_description {
@extend .alert;
}
.validation_error {
@extend .alert;
@extend .alert-danger;
}
.validation_message {
@extend .alert;
@extend .alert-success;
}
.gform_button {
@extend .btn;
}
.gfield_required {
color: $alert-danger-text;
}
.gform_wrapper UL.gfield_radio li {
@extend .radio;
}
.gform_wrapper UL.gfield_checkbox li {
@extend .checkbox;
}
.gform_validation_container {
display: none;
}
.gfield_error .ginput_container {
margin: { bottom: 10px; }
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment