move things around

Moved alerts, badges, button groups, buttons, carousel, close to
variables.less and customize.html

customize.html

@@ -412,6 +412,9 @@ base_url: "../"
                 <label>@line-height-base</label>
                 <input type="text" class="form-control" placeholder="1.428571429">
                 <p class="help-block">Used to calculate line-height throughout Bootstrap.</p>
+                <label>@font-weight-base</label>
+                <input type="text" class="form-control" placeholder="500">
+                <p class="help-block">Used to globally set font-weight in Bootstrap</p>
             </div>
         </div>
 
@@ -438,7 +441,7 @@ base_url: "../"
                 <input type="text" class="form-control" placeholder="@font-family-base">
                 <p class="help-block">Choose a separate font-family for headings.</p>
                 <label>@headings-font-weight</label>
-        <input type="text" class="form-control" placeholder="500">
+                <input type="text" class="form-control" placeholder="@font-weight-base">
                 <p class="help-block">Choose a separate font-weight for headings.</p>
             </div>
             <div class="col-lg-6">
@@ -572,6 +575,13 @@ base_url: "../"
         <p>For each of Bootstrap's buttons, define text, background and border color.</p>
         <div class="row">
             <div class="col-lg-6">
+                <h4>Basic</h4>
+                <label>@btn-large-caret-border-width</label>
+                <input type="text" class="form-control" placeholder="5px">
+                <label>@btn-small-line-height</label>
+                <input type="text" class="form-control" placeholder="1.5">
+                <label>@btn-link-disabled-color</label>
+                <input type="text" class="form-control" placeholder="@gray-dark">
                 <h4>Default</h4>
                 <label>@btn-default-color</label>
                 <input type="text" class="form-control" placeholder="#fff">
@@ -626,6 +636,9 @@ base_url: "../"
         <p>Define colors for form feedback states and, by default, alerts.</p>
         <div class="row">
             <div class="col-lg-6">
+                <h4>Basic</h4>
+                <label>@alert-link-font-weight</label>
+                <input type="text" class="form-control" placeholder="@font-weight-base">
                 <h4>Success</h4>
                 <label>@state-success-text</label>
                 <input type="text" class="form-control" placeholder="#468847">
@@ -1028,6 +1041,17 @@ base_url: "../"
                 <input type="text" class="form-control" placeholder="#fff">
                 <p>Badge text color in active nav link</p>
             </div>
+            <div class="col-lg-6">
+                <label>@badge-font-weight</label>
+                <input type="text" class="form-control" placeholder="bold">
+                <p>Badge font weight</p>
+                <label>@badge-line-height</label>
+                <input type="text" class="form-control" placeholder="1">
+                <p>Badge line height</p>
+                <label>@badge-border-radius</label>
+                <input type="text" class="form-control" placeholder="10px">
+                <p>Badge border radius</p>
+            </div>
         </div>
 
         <h2 id="variables-breadcrumbs">Breadcrumbs</h2>
@@ -1122,10 +1146,18 @@ base_url: "../"
         <input type="text" class="form-control" placeholder="0 1px 2px rgba(0,0,0,.6)">
         <label>@carousel-control-color</label>
         <input type="text" class="form-control" placeholder="#fff">
+        <label>@carousel-control-width</label>
+        <input type="text" class="form-control" placeholder="15%">
+        <label>@carousel-control-opacity</label>
+        <input type="text" class="form-control" placeholder=".5">
+        <label>@carousel-control-font-size</label>
+        <input type="text" class="form-control" placeholder="20px">        
         <label>@carousel-indicator-border-color</label>
         <input type="text" class="form-control" placeholder="#fff">
         <label>@carousel-indicator-active-bg</label>
         <input type="text" class="form-control" placeholder="#fff">
+        <label>@carousel-indicators-width</label>
+        <input type="text" class="form-control" placeholder="120px">
         <label>@carousel-caption-color</label>
         <input type="text" class="form-control" placeholder="#fff">
 
@@ -1378,11 +1410,15 @@ base_url: "../"
             <div class="col-lg-6">
                 <label>@close-color</label>
                 <input type="text" class="form-control" placeholder="#000">
-      </div>
-      <div class="col-lg-6">
                 <label>@close-text-shadow</label>
                 <input type="text" class="form-control" placeholder="0 1px 0 #fff">
             </div>
+            <div class="col-lg-6">
+                <label>@close-font-weight</label>
+                <input type="text" class="form-control" placeholder="bold">
+                <label>@close-line-height</label>
+                <input type="text" class="form-control" placeholder="1">
+            </div>
         </div>
 
         <h2 id="variables-type">Type</h2>

less/alerts.less

@@ -26,7 +26,7 @@
   }
   // Provide class for links that match alerts
   .alert-link {
-    font-weight: 500;
+    font-weight: @alert-link-font-weight;
     color: darken(@alert-text, 10%);
   }
 

less/badges.less

@@ -9,14 +9,14 @@
   min-width: 10px;
   padding: 3px 7px;
   font-size: @font-size-small;
-  font-weight: bold;
+  font-weight: @badge-font-weight;
   color: @badge-color;
-  line-height: 1;
+  line-height: @badge-line-height;
   vertical-align: middle;
   white-space: nowrap;
   text-align: center;
   background-color: @badge-bg;
-  border-radius: 10px;
+  border-radius: @badge-border-radius;
 
   // Empty labels/badges collapse
   &:empty {

less/button-groups.less

@@ -117,11 +117,11 @@
 }
 // Carets in other button sizes
 .btn-large .caret {
-  border-width: 5px;
+  border-width: @btn-large-caret-border-width;
 }
 // Upside down carets for .dropup
 .dropup .btn-large .caret {
-  border-bottom-width: 5px;
+  border-bottom-width: @btn-large-caret-border-width;
 }
 
 

less/buttons.less

@@ -12,7 +12,7 @@
   padding: @padding-base-vertical @padding-base-horizontal;
   margin-bottom: 0; // For input.btn
   font-size: @font-size-base;
-  font-weight: 500;
+  font-weight: @font-weight-base;
   line-height: @line-height-base;
   text-align: center;
   vertical-align: middle;
@@ -109,7 +109,7 @@
   fieldset[disabled] & {
     &:hover,
     &:focus {
-      color: @gray-dark;
+      color: @btn-link-disabled-color;
       text-decoration: none;
     }
   }
@@ -127,7 +127,7 @@
 .btn-small {
   padding: @padding-small-vertical @padding-small-horizontal;
   font-size: @font-size-small;
-  line-height: 1.5; // ensure proper height of button next to small input
+  line-height: @btn-small-line-height; // ensure proper height of button next to small input
   border-radius: @border-radius-small;
 }
 

less/carousel.less

@@ -69,9 +69,9 @@
   top: 0;
   left: 0;
   bottom: 0;
-  width: 15%;
-  .opacity(.5);
-  font-size: 20px;
+  width: @carousel-control-width;
+  .opacity(@carousel-control-opacity);
+  font-size: @carousel-control-font-size;
   color: @carousel-control-color;
   text-align: center;
   text-shadow: @carousel-text-shadow;
@@ -133,7 +133,7 @@
   bottom: 10px;
   left: 50%;
   z-index: 15;
-  width: 120px;
+  width: @carousel-indicators-width;
   margin-left: -60px;
   padding-left: 0;
   list-style: none;

less/close.less

@@ -6,8 +6,8 @@
 .close {
   float: right;
   font-size: (@font-size-base * 1.5);
-  font-weight: bold;
-  line-height: 1;
+  font-weight: @close-font-weight;
+  line-height: @close-line-height;
   color: @close-color;
   text-shadow: @close-text-shadow;
   .opacity(.2);

less/variables.less

@@ -48,11 +48,13 @@
 @font-size-large:         ceil(@font-size-base * 1.25); // ~18px
 @font-size-small:         ceil(@font-size-base * 0.85); // ~12px
 
+@font-weight-base:        500;
+
 @line-height-base:        1.428571429; // 20/14
 @line-height-computed:    floor(@font-size-base * @line-height-base); // ~20px
 
 @headings-font-family:    @font-family-base;
-@headings-font-weight:    500;
+@headings-font-weight:    @font-weight-base;
 @headings-line-height:    1.1;
 
 
@@ -120,6 +122,11 @@
 @btn-hover-color:                @btn-default-color;
 
 
+@btn-small-line-height:          1.5;
+@btn-link-disabled-color:        @gray-dark;
+@btn-large-caret-border-width:   5px;
+
+
 // Forms
 // -------------------------
 
@@ -383,6 +390,8 @@
 @alert-info-text:             @state-info-text;
 @alert-info-border:           @state-info-border;
 
+@alert-link-font-weight:      @font-weight-base;
+
 
 // Progress bars
 // -------------------------
@@ -467,6 +476,10 @@
 @badge-active-color:          @link-color;
 @badge-active-bg:             #fff;
 
+@badge-font-weight:           bold;
+@badge-line-height:           1;
+@badge-border-radius:         10px;
+
 
 // Breadcrumbs
 // -------------------------
@@ -480,9 +493,13 @@
 @carousel-text-shadow:                        0 1px 2px rgba(0,0,0,.6);
 
 @carousel-control-color:                      #fff;
+@carousel-control-width:                      15%;
+@carousel-control-opacity:                    .5;
+@carousel-control-font-size:                  20px;
 
-@carousel-indicator-border-color:             #fff;
+@carousel-indicators-width:                   120px;
 @carousel-indicator-active-bg:                #fff;
+@carousel-indicator-border-color:             #fff;
 
 @carousel-caption-color:                      #fff;
 
@@ -492,6 +509,9 @@
 @close-color:                 #000;
 @close-text-shadow:           0 1px 0 #fff;
 
+@close-font-weight:           bold;
+@close-line-height:           1;
+
 
 // Code
 // ------------------------