Update code vars

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

diff --git a/customize.html b/customize.html
index d08fad7374490e2cc773b7884f5443ddb5a10eb8..afdef028b7ac30af3afc36bff9a7b7b39a052197 100644 (file)
--- a/customize.html
+++ b/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">

diff --git a/less/code.less b/less/code.less
index d2aa39cc33a386d24951b34768d67da957687bf6..cd6132560a488c86487ccdc8a44527c340667ada 100644 (file)
--- a/less/code.less
+++ b/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;
 

diff --git a/less/variables.less b/less/variables.less
index f4084ac03d36beb6b81410d95ac9f73563c2068f..2627a8bd7d72d63ba3c96379cfef3df27627b9d7 100644 (file)
--- a/less/variables.less
+++ b/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-fallback-border-color:   #ccc;
+@pre-border-color:            #ccc;
 
 
 // Miscellaneous