move badges inline properties to variables.less

diff --git a/less/badges.less b/less/badges.less
index e1a2e9c5a62dbe7b980f7b8d4f66874f0bdbfe1a..825d31dbf34bbddf859ca5f59c99bededf3663a1 100644 (file)
--- a/less/badges.less
+++ b/less/badges.less
@@ -10,7 +10,7 @@
   padding: 3px 7px;
   font-size: @font-size-small;
   font-weight: bold;
-  color: #fff;
+  color: @badge-color;
   line-height: 1;
   vertical-align: middle;
   white-space: nowrap;
@@ -28,7 +28,7 @@
 a.badge {
   &:hover,
   &:focus {
-    color: #fff;
+    color: @badge-link-hover-color;
     text-decoration: none;
     cursor: pointer;
   }
@@ -44,7 +44,7 @@ a.badge {
 a.list-group-item.active > .badge,
 .nav-pills > .active > a > .badge {
   color: @link-color;
-  background-color: #fff;
+  background-color: @active-badge-bg-color;
 }
 .nav-pills > li > a > .badge {
   margin-left: 3px;

diff --git a/less/variables.less b/less/variables.less
index 4cdb71da5c0d14ab2e8fc67c967e42f2f1dfd617..7ea1042d17fc02c5977cfe9cd7c17e412ce19e6f 100644 (file)
--- a/less/variables.less
+++ b/less/variables.less
@@ -14,6 +14,10 @@
 
 @accordion-group-border-color:                    @color-1; 
 
+@active-badge-bg-color:                           @color-2; 
+@badge-link-hover-color:                          @color-2; 
+@badge-color:                                     @color-2;
+
 // Grays
 // -------------------------