aboutsummaryrefslogtreecommitdiff
path: root/less
diff options
context:
space:
mode:
Diffstat (limited to 'less')
-rw-r--r--less/forms.less6
-rw-r--r--less/mixins.less14
2 files changed, 11 insertions, 9 deletions
diff --git a/less/forms.less b/less/forms.less
index 0e37751ac..7040b17d6 100644
--- a/less/forms.less
+++ b/less/forms.less
@@ -264,15 +264,15 @@ select {
// Warning
.has-warning {
- .form-field-validation(@state-warning-text, @state-warning-text, @state-warning-bg);
+ .form-control-validation(@state-warning-text, @state-warning-text, @state-warning-bg);
}
// Error
.has-error {
- .form-field-validation(@state-danger-text, @state-danger-text, @state-danger-bg);
+ .form-control-validation(@state-danger-text, @state-danger-text, @state-danger-bg);
}
// Success
.has-success {
- .form-field-validation(@state-success-text, @state-success-text, @state-success-bg);
+ .form-control-validation(@state-success-text, @state-success-text, @state-success-bg);
}
diff --git a/less/mixins.less b/less/mixins.less
index 260129a12..d1da6fccd 100644
--- a/less/mixins.less
+++ b/less/mixins.less
@@ -508,18 +508,20 @@
}
}
-// Framework mixins
-// --------------------------------------------------
-// Generate form validation states
-.form-field-validation(@text-color: #555, @border-color: #ccc, @background-color: #f5f5f5) {
- // Color the label text
+// Form validation states
+//
+// Used in forms.less to generate the form validation CSS for warnings, errors,
+// and successes.
+
+.form-control-validation(@text-color: #555, @border-color: #ccc, @background-color: #f5f5f5) {
+ // Color the label and help text
.help-block,
.control-label {
color: @text-color;
}
// Set the border and box shadow on specific inputs to match
- .input-with-feedback {
+ .form-control {
padding-right: 32px; // to account for the feedback icon
border-color: @border-color;
.box-shadow(inset 0 1px 1px rgba(0,0,0,.075)); // Redeclare so transitions work