updated to 2.2.1

[bootswatch] / readable / bootswatch.less

diff --git a/readable/bootswatch.less b/readable/bootswatch.less
index c09047f..e9ad942 100755 (executable)
--- a/readable/bootswatch.less
+++ b/readable/bootswatch.less
@@ -1,8 +1,8 @@
-// Bootswatch.less
-// Swatch: Readable
-// Version: 2.1.0
+// Readable 2.2.1
+// Bootswatch
 // -----------------------------------------------------
 
+
 // TYPOGRAPHY
 // -----------------------------------------------------
 
@@ -97,7 +97,17 @@ code, pre {
                border-left: none;
        }
 
-       .nav-collapse.collapse {
+       &-inverse {
+
+               .brand:hover {
+                       color: @white;
+               }
+       }
+}
+
+@media (max-width: @navbarCollapseWidth) {
+
+       .navbar .nav-collapse {
 
                .nav li:first-child > a {
                        margin-bottom: 10px;
@@ -125,24 +135,16 @@ code, pre {
                }
        }
 
-       &-inverse {
+       .navbar-inverse .nav-collapse {
 
-               .brand:hover {
-                       color: @white;
+               .nav li > a {
+                       color: @grayLighter;
                }
 
-               .nav-collapse.collapse {
-
-                       .nav li > a {
-                               color: @grayLighter;
-                       }
-
-                       .nav li > a:hover {
-                               background-color: rgba(0, 0, 0, 0.2);
-                               color: @white;
-                       }
+               .nav li > a:hover {
+                       background-color: rgba(0, 0, 0, 0.2) !important;
+                       color: @white;
                }
-
        }
 }
 
@@ -288,27 +290,32 @@ div.subnav {
                .box-shadow(none);
        }
 
-       li > a {
-               padding: 10px 14px;
+       ul > li > a,
+       ul > li > span {
+               padding: 12px 14px 8px;
+               background-color: @white;
+               line-height: 1;
        }
 
+       ul > li:first-child > a,
+       ul > li:last-child > a {
+               .border-radius(0);
+       }
 
-       li.active > a,
-       li.active > a:hover {
+       ul > .active > a,
+       ul > .active > a:hover,
+       ul > .active > span,
+       ul > .active > span:hover {
                color: @textColor;
                background-color: #F5F5F5;
        }
 
-       li > a,
-       li.disabled > a,
-       li.disabled > a:hover {
+       ul > .disabled > a,
+       ul > .disabled > a:hover,
+       ul > .disabled > span,
+       ul > .disabled > span:hover {
                background-color: @white;
        }
-
-       li:first-child > a,
-       li:last-child > a {
-               .border-radius(0);
-       }
 }
 
 .pager {