From 9df832b4bb81d80fd02b4fe6cc9ea826b0b0454e Mon Sep 17 00:00:00 2001
From: Mark Otto <markotto@twitter.com>
Date: Tue, 19 Jun 2012 19:17:42 -0700
Subject: add separate vars for dropdown link hover and active states

---
 less/dropdowns.less | 11 +++++++++--
 less/variables.less | 11 ++++++++---
 2 files changed, 17 insertions(+), 5 deletions(-)

(limited to 'less')

diff --git a/less/dropdowns.less b/less/dropdowns.less
index 648a9f246..bd2dab772 100644
--- a/less/dropdowns.less
+++ b/less/dropdowns.less
@@ -94,12 +94,19 @@
 // Hover state
 // -----------
 .dropdown-menu li > a:hover,
-.dropdown-menu li > a:focus,
+.dropdown-menu li > a:focus {
+  text-decoration: none;
+  color: @dropdownLinkColorActive;
+  background-color: @dropdownLinkBackgroundHover;
+}
+
+// Active state
+// ------------
 .dropdown-menu .active > a,
 .dropdown-menu .active > a:hover {
   color: @dropdownLinkColorHover;
   text-decoration: none;
-  background-color: @dropdownLinkBackgroundHover;
+  background-color: @dropdownLinkBackgroundActive;
   outline: 0;
 }
 
diff --git a/less/variables.less b/less/variables.less
index b931d3d2a..ee7350ec2 100644
--- a/less/variables.less
+++ b/less/variables.less
@@ -104,12 +104,17 @@
 // -------------------------
 @dropdownBackground:            @white;
 @dropdownBorder:                rgba(0,0,0,.2);
-@dropdownLinkColor:             @grayDark;
-@dropdownLinkColorHover:        @white;
-@dropdownLinkBackgroundHover:   @linkColor;
 @dropdownDividerTop:            #e5e5e5;
 @dropdownDividerBottom:         @white;
 
+@dropdownLinkColor:             @grayDark;
+
+@dropdownLinkColorHover:        @white;
+@dropdownLinkBackgroundHover:   @grayLighter;
+
+@dropdownLinkColorActive:       @dropdownLinkColor;
+@dropdownLinkBackgroundActive:  @linkColor;
+
 
 
 // COMPONENT VARIABLES
-- 
cgit v1.2.3