amelia, slate, spruce: closes #75, hrBorder color
[bootswatch] / slate / bootswatch.less
index 0907990..14c2475 100755 (executable)
@@ -1,4 +1,4 @@
-// Slate 2.2.1
+// Slate 2.3.0
 // Bootswatch
 // -----------------------------------------------------
 
@@ -19,10 +19,12 @@ code, pre {
 // SCAFFOLDING
 // -----------------------------------------------------
 
-hr, legend, .page-header {
-       border-top: none;
-       border-bottom: 1px solid darken(@grayDarker, 5%);
-       background-color: transparent;
+legend, .page-header {
+       border-bottom: 1px solid @hrBorder;
+}
+
+hr {
+       border-bottom: none;
 }
 
 // NAVBAR
@@ -97,7 +99,7 @@ hr, legend, .page-header {
                .nav li > a:hover,
                .nav li.active > a,
                .nav li.active > a:hover {
-                       #gradient > .directional(darken(@grayDarker, 3%), @grayDarker, 280deg);
+                       #gradient > .directional(darken(@grayDarker, 10%), darken(@grayDarker, 5%), 280deg);
                }
        }
 }
@@ -144,6 +146,7 @@ hr, legend, .page-header {
 
 div.subnav {
 
+       margin: 0 1px;
        #gradient > .vertical-three-colors(@gray, @grayDark, 70%, @grayDark);
        border: 1px solid transparent;
        .box-shadow('0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1)');
@@ -176,11 +179,6 @@ div.subnav {
                border-left: 1px solid transparent;
        }
 
-       &.subnav-fixed .nav > li.active:first-child > a,
-       &.subnav-fixed .nav > li:first-child > a:hover {
-               border-left: 1px solid darken(@gray, 15%);
-       }
-
        .nav > li.active:last-child > a,
        .nav > li:last-child > a:hover {
                border-right: 1px solid darken(@gray, 15%);
@@ -192,7 +190,14 @@ div.subnav {
        }
 
        &.subnav-fixed {
+               top: @navbarHeight;
+               margin: 0;
                .box-shadow(none);
+
+               .nav > li.active:first-child > a,
+               .nav > li:first-child > a:hover {
+                       border-left: 1px solid darken(@gray, 15%);
+               }
        }
 }
 
@@ -202,7 +207,7 @@ div.subnav {
 .nav {
 
        .nav-header {
-               text-shadow: none;
+               text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
        }
 
        & > li > a {
@@ -495,14 +500,14 @@ textarea[readonly] {
        .box-shadow(1px 1px 1px rgba(0, 0, 0, 0.3));
 }
 
-.alert-heading {
-       color: rgba(255, 255, 255, 0.9);
-       text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.4);
-}
-
 .alert {
   background-color: @orange;
   border-color: @orange;
+
+       .alert-heading {
+               color: rgba(255, 255, 255, 0.9);
+               text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.4);
+       }
 }
 
 .alert-success {