Skip to content

Instantly share code, notes, and snippets.

@cfxd
Last active June 8, 2021 07:29
Show Gist options
  • Star 2 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save cfxd/f8d9cb8fa121d5d8a606 to your computer and use it in GitHub Desktop.
Save cfxd/f8d9cb8fa121d5d8a606 to your computer and use it in GitHub Desktop.
Bootstrap 3 default styles for Contact Form 7
/*
*
* Bootstrap 3 reset for CF7
*
*/
input, textarea {
&.wpcf7-form-control {
&:extend(.form-control all);
&.wpcf7-validates-as-required.wpcf7-not-valid {
border-color: @alert-danger-border;
background-color: @alert-danger-bg;
color: @alert-danger-text;
.form-control-focus(@alert-danger-text);
}
}
}
textarea.wpcf7-form-control {
height: auto;
}
input, button {
&[type=submit] {
&:extend(.btn all, .btn-default all);
}
}
div.wpcf7-validation-errors {
&:extend(.alert all, .alert-danger all);
margin-left: 0;
margin-right: 0;
}
span.wpcf7-not-valid-tip {
color: @state-danger-text;
}
div.wpcf7-mail-sent-ok {
&:extend(.alert all, .alert-success all);
margin-left: 0;
margin-right: 0;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment