From ba954db159138d5b9aeef3df638f91daec5e12eb Mon Sep 17 00:00:00 2001
From: Mark Otto <otto@github.com>
Date: Tue, 23 Jul 2013 23:09:06 -0700
Subject: [PATCH] Update close vars

* Remove dupe hover color var (again, it's not necessary to have it's
own var here since we're controlling it via `opacity`)
* Add to customizer
---
 _includes/nav-customize.html | 1 +
 customize.html               | 9 ++++++++-
 less/close.less              | 2 +-
 less/variables.less          | 3 +--
 4 files changed, 11 insertions(+), 4 deletions(-)

diff --git a/_includes/nav-customize.html b/_includes/nav-customize.html
index c299badc57..3099d6c719 100644
--- a/_includes/nav-customize.html
+++ b/_includes/nav-customize.html
@@ -28,6 +28,7 @@
     <li><a href="#variables-pagination">Pagination</a></li>
     <li><a href="#variables-labels">Labels</a></li>
     <li><a href="#variables-tooltips-popovers">Tooltips and popovers</a></li>
+    <li><a href="#variables-close">Close button</a></li>
     <li><a href="#variables-other">Other</a></li>
   </ul>
 </li>
diff --git a/customize.html b/customize.html
index 2ba72ba780..d08fad7374 100644
--- a/customize.html
+++ b/customize.html
@@ -1191,9 +1191,16 @@ lead: Customize Bootstrap's components, LESS variables, and jQuery plugins to ge
           <p class="help-block">Popover outer arrow color</p>
         </div>
       </div>
+
+      <h2 id="variables-close">Close button</h2>
+      <label>@close-color</label>
+      <input type="text" placeholder="#000">
+      <label>@close-text-shadow</label>
+      <input type="text" placeholder="0 1px 0 #fff">
+
       <h2 id="variables-other">Other</h2>
       <div class="row">
-      <div class="col-lg-6">
+        <div class="col-lg-6">
           <label>@hr-border</label>
           <input type="text" placeholder="@gray-lighter">
           <p class="help-block">Horizontal line color</p>
diff --git a/less/close.less b/less/close.less
index 454a73fdcb..f915667e5c 100644
--- a/less/close.less
+++ b/less/close.less
@@ -14,7 +14,7 @@
 
   &:hover,
   &:focus {
-    color: @close-hover-color;
+    color: @close-color;
     text-decoration: none;
     cursor: pointer;
     .opacity(.5);
diff --git a/less/variables.less b/less/variables.less
index 885ea1d400..f4084ac03d 100644
--- a/less/variables.less
+++ b/less/variables.less
@@ -422,8 +422,7 @@
 // Close
 // ------------------------
 @close-color:                 #000;
-@close-hover-color:           #000;
-@close-text-shadow:           0 1px 0 rgba(255,255,255,1);
+@close-text-shadow:           0 1px 0 #fff;
 
 
 // Code
-- 
2.47.2