Contact Form 7 & Bootstrap 3

bs-cf7.less

/*
==========================================================================
Import Bootstrap Stuff
==========================================================================
*/

/* Core variables and mixins */
@import "less/variables.less";
@import "less/mixins/vendor-prefixes.less";
@import "less/mixins/alerts.less";
@import "less/mixins/buttons.less";
@import "less/mixins/forms.less";

/* Core CSS */
@import "less/forms.less";
@import "less/buttons.less";

/* Components */
@import "less/alerts.less";

/* Variables overriding */
@brand-primary: #1FA67A;
@state-danger-text: #a94442;

/*
==========================================================================
Customize Contact Form 7
==========================================================================
*/

/* Style form elements */
.wpcf7-form-control:not(.wpcf7-submit):not(.wpcf7-range):not(.wpcf7-checkbox):not(.wpcf7-radio):not(.wpcf7-acceptance):not(.wpcf7-file) {
	.form-control;
}
.wpcf7-checkbox .wpcf7-list-item {
	.checkbox;
}
.wpcf7-checkbox.checkbox-inline .wpcf7-list-item {
	.checkbox-inline;
}
.wpcf7-radio .wpcf7-list-item {
	.radio;
}
.wpcf7-radio.radio-inline .wpcf7-list-item {
	.radio-inline;
}
.wpcf7-submit {
	.btn;
	.btn-primary;
}

/* Style validation */
div.wpcf7-validation-errors {
	margin: 0;
	.alert;
	.alert-warning;
}
span.wpcf7-not-valid-tip {
	.help-block;
	color: @state-danger-text;
}
.wpcf7-form-control.wpcf7-not-valid {
	border-color: @state-danger-text !important;
}