moving forms, labels and list-group to variables.less

4 files changed, 18 insertions, 8 deletions

diff --git a/less/forms.less b/less/forms.less
index bafe1cac6..d5d411571 100644
--- a/less/forms.less
+++ b/less/forms.less
@@ -25,7 +25,7 @@ legend {
   line-height: inherit;
   color: @gray-dark;
   border: 0;
-  border-bottom: 1px solid #e5e5e5;
+  border-bottom: 1px solid @legend-border-color;
 }
 
 label {
@@ -354,9 +354,9 @@ select {
   font-weight: normal;
   line-height: @line-height-base;
   text-align: center;
-  text-shadow: 0 1px 0 #fff;
+  text-shadow: @input-group-addon-text-shadow;
   background-color: @gray-lighter;
-  border: 1px solid #ccc;
+  border: 1px solid @input-group-addon-border-color;
   border-radius: @border-radius-base;
 
   &.input-small {
diff --git a/less/labels.less b/less/labels.less
index d7852d107..7ee7ee68a 100644
--- a/less/labels.less
+++ b/less/labels.less
@@ -8,7 +8,7 @@
   font-size: 75%;
   font-weight: 500;
   line-height: 1;
-  color: #fff;
+  color: @label-color;
   text-align: center;
   white-space: nowrap;
   vertical-align: middle;
@@ -19,7 +19,7 @@
   &[href] {
     &:hover,
     &:focus {
-      color: #fff;
+      color: @label-link-hover-color;
       text-decoration: none;
       cursor: pointer;
       background-color: darken(@gray-light, 10%);
diff --git a/less/list-group.less b/less/list-group.less
index 34718633a..abfb957e1 100644
--- a/less/list-group.less
+++ b/less/list-group.less
@@ -58,10 +58,10 @@
 a.list-group-item {
   // Colorize content accordingly
   .list-group-item-heading {
-    color: #333;
+    color: @link-list-group-heading-color;
   }
   .list-group-item-text {
-    color: #555;
+    color: @link-list-group-color;
   }
 
   // Hover state
diff --git a/less/variables.less b/less/variables.less
index c30c0232c..438a276f9 100644
--- a/less/variables.less
+++ b/less/variables.less
@@ -135,6 +135,11 @@
 @input-height-large:             (ceil(@font-size-large * @line-height-base) + (@padding-large-vertical * 2) + 2);
 @input-height-small:             (ceil(@font-size-small * @line-height-base) + (@padding-small-vertical * 2) + 2);
 
+@legend-border-color:            #e5e5e5;
+
+@input-group-addon-text-shadow:  0 1px 0 #fff;
+@input-group-addon-border-color: #ccc;
+
 
 // Dropdowns
 // -------------------------
@@ -284,6 +289,9 @@
 @label-warning-bg:            @brand-warning;
 @label-danger-bg:             @brand-danger;
 
+@label-color:                 #fff;
+@label-link-hover-color:      #fff;
+
 
 // Modals
 // -------------------------
@@ -333,6 +341,9 @@
 @list-group-active-bg:        @component-active-bg;
 @list-group-active-border:    @list-group-active-bg;
 
+@link-list-group-color:       #555;
+@link-list-group-heading-color:#333;
+
 // Panels
 // -------------------------
 @panel-bg:                    #fff;
@@ -421,7 +432,6 @@
 @code-bg:                     #f9f2f4;
 @code-color:                  #c7254e;
 
-
 @pre-bg:                      #f5f5f5;
 @pre-border-color:            rgba(0,0,0,.15);
 @pre-fallback-border-color:   #ccc;