Update carousel vars

* Remove `@carousel-control-hover-color` since that's just the same as
the default control color and all we change is `opacity` (it's required
for specificity).
* Add vars to customizer
* Update customizer nav to include new section
* Remove the `li` from the var names
* Consolidate and simplify `text-shadow` vars

1 files changed, 14 insertions, 0 deletions

diff --git a/customize.html b/customize.html
index 8d70d0445..2ba72ba78 100644
--- a/customize.html
+++ b/customize.html
@@ -976,6 +976,7 @@ lead: Customize Bootstrap's components, LESS variables, and jQuery plugins to ge
           <p class="help-block">Jumbotron lead paragraph color</p>
         </div>
       </div>
+
       <h2 id="variables-modals">Modals</h2>
       <div class="row">
         <div class="col-lg-4">
@@ -994,6 +995,19 @@ lead: Customize Bootstrap's components, LESS variables, and jQuery plugins to ge
           <p class="help-block">Modal title line-height</p>
         </div>
       </div>
+
+      <h2 id="variables-carousel">Carousel</h2>
+      <label>@carousel-text-shadow</label>
+      <input type="text" placeholder="0 1px 2px rgba(0,0,0,.6)">
+      <label>@carousel-control-color</label>
+      <input type="text" placeholder="#fff">
+      <label>@carousel-indicator-border-color</label>
+      <input type="text" placeholder="#fff">
+      <label>@carousel-indicator-active-bg</label>
+      <input type="text" placeholder="#fff">
+      <label>@carousel-caption-color</label>
+      <input type="text" placeholder="#fff">
+
       <h2 id="variables-list-group">List group</h2>
       <h3>Background</h3>
       <div class="row">