fixes #93, remove hover effects on disabled nav

[bootswatch] / amelia / bootswatch.less

diff --git a/amelia/bootswatch.less b/amelia/bootswatch.less
index 9daba62..3f350a4 100755 (executable)
--- a/amelia/bootswatch.less
+++ b/amelia/bootswatch.less
@@ -216,56 +216,69 @@ div.subnav {
 // NAV
 // -----------------------------------------------------
 
-.nav-tabs li.open > .dropdown-toggle,
-.nav-pills li.open > .dropdown-toggle {
-       background-color: #8AD5DC;
-       color: @linkColor;
-       border-color: transparent;
-}
+.nav-tabs,
+.nav-pills {
 
-.nav-tabs, .nav-pills {
        border-color: transparent;
 
-       li > a {
+
+       & > li > a {
                border-color: transparent;
                .border-radius(0);
                .box-shadow(0);
        }
 
-       li.active > a,
-       li.active > a:hover {
-               color: @textColor;
+       & > li > a:hover {
+               background-color: #8AD5DC;
+               border-color: transparent;
+               text-shadow: none;
        }
 
-       li.active > a,
-       li > a:hover,
-       li.active > a:hover {
+       & > .active > a,
+       & > .active > a:hover {
                background-color: #8AD5DC;
                border-color: transparent;
+               color: @textColor;
                text-shadow: none;
        }
-}
 
-.nav-tabs, .nav-tabs > li > a {
-       border-bottom: 1px solid rgba(255, 255, 255, 0.5);
-}
+       & > .disabled > a,
+       & > .disabled > a:hover {
+               background: none;
+               color: @grayLighter;
+       }
+
+       & > .open > .dropdown-toggle,
+       & > .open > .dropdown-toggle {
+               background-color: #8AD5DC;
+               color: @linkColor;
+               border-color: transparent;
+       }
+
 
-.nav-tabs > li > a {
-       background-color: #3CB9C6;
 }
 
-.nav-tabs.nav-stacked {
+.nav-tabs {
 
-       li > a:first-child,
-       li > a:last-child {
-               .border-radius(0);
+       border-bottom: 1px solid rgba(255, 255, 255, 0.5);
+
+       & > li > a  {
+               background-color: #3CB9C6;
        }
 
-       li > a,
-       li > a:hover,
-       li.active > a,
-       li.active > a:hover {
-               border-color: transparent;
+       &.nav-stacked {
+
+               li > a:first-child,
+               li > a:last-child {
+                       .border-radius(0);
+               }
+
+               li > a,
+               li > a:hover,
+               li.active > a,
+               li.active > a:hover {
+                       border-color: transparent;
+               }
        }
 }
 
@@ -301,6 +314,7 @@ div.subnav {
 }
 
 .breadcrumb {
+
        background-color: #3CB9C6;
        background-image: none;
 
@@ -312,8 +326,9 @@ div.subnav {
                color: @white;
        }
 
-       .divider {
-               color: @linkColor;
+       & > li > a.divider,
+       & > li > span.divider {
+               color: @grayLighter;
        }
 }