#3469: add variables for dropdown menu dividers

diff --git a/docs/less.html b/docs/less.html
index 781bd2fb720e50267a045c71ae0829e6c104950c..476f5ac98267464da9e295ee70ba373b13867d4d 100644 (file)
--- a/docs/less.html
+++ b/docs/less.html
@@ -614,6 +614,14 @@
             <td><code>@dropdownLinkBackgroundHover</code></td>
             <td><code>@linkColor</code></td>
           </tr>
+          <tr>
+            <td><code>@@dropdownDividerTop</code></td>
+            <td><code>#e5e5e5</code></td>
+          </tr>
+          <tr>
+            <td><code>@@dropdownDividerBottom</code></td>
+            <td><code>@white</code></td>
+          </tr>
         </tbody>
       </table>
       <h4>Hero unit</h4>

diff --git a/docs/templates/pages/less.mustache b/docs/templates/pages/less.mustache
index 0532b2f9cce30219852083ecd51721a7309bd5be..bb71484534e0643afe71e3c280a25bb1e99d8264 100644 (file)
--- a/docs/templates/pages/less.mustache
+++ b/docs/templates/pages/less.mustache
@@ -537,6 +537,14 @@
             <td><code>@dropdownLinkBackgroundHover</code></td>
             <td><code>@linkColor</code></td>
           </tr>
+          <tr>
+            <td><code>@@dropdownDividerTop</code></td>
+            <td><code>#e5e5e5</code></td>
+          </tr>
+          <tr>
+            <td><code>@@dropdownDividerBottom</code></td>
+            <td><code>@white</code></td>
+          </tr>
         </tbody>
       </table>
       <h4>{{_i}}Hero unit{{/i}}</h4>

diff --git a/less/dropdowns.less b/less/dropdowns.less
index 6c60385e553eedac2678513b1329ba0baa4f6ac7..2bcd55687973e987c9f79950a6e522238840cc5b 100644 (file)
--- a/less/dropdowns.less
+++ b/less/dropdowns.less
@@ -71,7 +71,7 @@
 
   // Dividers (basically an hr) within the dropdown
   .divider {
-    .nav-divider();
+    .nav-divider(@dropdownDividerTop, @dropdownDividerBottom);
   }
 
   // Links within the dropdown menu

diff --git a/less/mixins.less b/less/mixins.less
index b107955f57b7ca2ff41963809ba65dd05ee7d922..6989b13760c1a83980097dbb10e8ef71a288bae7 100644 (file)
--- a/less/mixins.less
+++ b/less/mixins.less
@@ -417,7 +417,7 @@
 // Horizontal dividers
 // -------------------------
 // Dividers (basically an hr) within dropdowns and nav lists
-.nav-divider() {
+.nav-divider(@top: #e5e5e5, @bottom: @white) {
   // IE7 needs a set width since we gave a height. Restricting just
   // to IE7 to keep the 1px left/right space in other browsers.
   // It is unclear where IE is getting the extra space that we need
@@ -427,8 +427,8 @@
   margin: ((@baseLineHeight / 2) - 1) 1px; // 8px 1px
   *margin: -5px 0 5px;
   overflow: hidden;
-  background-color: #e5e5e5;
-  border-bottom: 1px solid @white;
+  background-color: @top;
+  border-bottom: 1px solid @bottom;
 }
 
 // Button backgrounds

diff --git a/less/variables.less b/less/variables.less
index d8825fb0764bd178d806cc6821699c6c2f33cbed..b931d3d2a26ae072283808d0ece8520717f732f9 100644 (file)
--- a/less/variables.less
+++ b/less/variables.less
@@ -107,7 +107,8 @@
 @dropdownLinkColor:             @grayDark;
 @dropdownLinkColorHover:        @white;
 @dropdownLinkBackgroundHover:   @linkColor;
-
+@dropdownDividerTop:            #e5e5e5;
+@dropdownDividerBottom:         @white;