Update code vars

* Drop the `rgba()` border and fallback because fuck that noise
* Add vars to customizer
* Remove rogue `:`

customize.html

@@ -407,6 +407,22 @@ lead: Customize Bootstrap's components, LESS variables, and jQuery plugins to ge
         </div>
       </div>
 
+      <h3>Code blocks</h3>
+      <div class="row">
+        <div class="col-lg-6">
+          <label>@code-color</label>
+          <input type="text" placeholder="#c7254e">
+          <label>@code-bg</label>
+          <input type="text" placeholder="#f9f2f4">
+        </div>
+        <div class="col-lg-6">
+          <label>@pre-bg</label>
+          <input type="text" placeholder="#f5f5f5">
+          <label>@code-border-color</label>
+          <input type="text" placeholder="#ccc">
+        </div>
+      </div>
+
       <h4>Headings</h4>
       <div class="row">
         <div class="col-lg-6">

less/code.less

@@ -13,7 +13,7 @@ pre {
 code {
   padding: 2px 4px;
   font-size: 90%;
-  color: @code-color:;
+  color: @code-color;
   background-color: @code-bg;
   white-space: nowrap;
   border-radius: 4px;
@@ -30,7 +30,6 @@ pre {
   word-wrap: break-word;
   color: @gray-dark;
   background-color: @pre-bg;
-  border: 1px solid @pre-fallback-border-color; // IE8 fallback
   border: 1px solid @pre-border-color;
   border-radius: @border-radius-base;
 

less/variables.less

@@ -427,12 +427,11 @@
 
 // Code
 // ------------------------
-@code-bg:                     #f9f2f4;
 @code-color:                  #c7254e;
+@code-bg:                     #f9f2f4;
 
 @pre-bg:                      #f5f5f5;
-@pre-border-color:            rgba(0,0,0,.15);
+@pre-border-color:            #ccc;
-@pre-fallback-border-color:   #ccc;
 
 
 // Miscellaneous