spruce: lightens muted color
[bootswatch] / spruce / bootswatch.less
index 9476b64..a828b31 100755 (executable)
@@ -1,4 +1,4 @@
-// Spruce 2.2.2
+// Spruce 2.3.1
 // Bootswatch
 // -----------------------------------------------------
 
@@ -8,15 +8,16 @@
 
 @import url(//fonts.googleapis.com/css?family=Crete+Round);
 
-h1 > small,
-h2 > small,
-h3 > small,
-h4 > small,
-h5 > small,
-h6 > small,
+h1, h2, h3, h4, h5, h6 {
+
+       small {
+               font-family: @baseFontFamily;
+               color: @headingsColor;
+       }
+}
+
 .muted {
-       color: @headingsColor;
-       font-family: @baseFontFamily;
+       color: @grayLight;
 }
 
 .jumbotron h1 {
@@ -36,8 +37,7 @@ h6 > small,
 }
 
 hr {
-       border-top: none;
-       border-bottom: 2px solid @headingsColor;
+       border-bottom: none;
 }
 
 blockquote {
@@ -129,6 +129,10 @@ blockquote {
 
        &-inverse {
 
+               .navbar-search .search-query {
+                       color: @gray;
+               }
+
                .dropdown-menu {
                        background-color: @navbarInverseLinkBackgroundHover;
 
@@ -145,7 +149,7 @@ blockquote {
                        }
 
                        .nav-header {
-                               color: @headingsColor;
+                               color: @gray;
                        }
                }
 
@@ -182,10 +186,8 @@ blockquote {
 
 div.subnav {
 
-       background-color: @green;
-       background-image: none;
+       background: @green none;
        border-color: transparent;
-       .border-radius(0);
 
        .nav > li > a {
                padding: 12px 12px 10px;
@@ -318,7 +320,7 @@ div.subnav {
 
        .divider {
                background-color: transparent;
-               border-bottom: 1px solid @headingsColor;
+               border-bottom: 1px solid @grayLight;
        }
 }
 
@@ -328,7 +330,6 @@ div.subnav {
        background-image: none;
        .box-shadow(none);
        border-color: transparent;
-       .border-radius(0);
 
        li {
                color: @white;
@@ -360,7 +361,6 @@ div.subnav {
                background-image: none;
                .box-shadow(none);
                border-color: transparent;
-               .border-radius(0);
        }
 
 
@@ -415,7 +415,6 @@ div.subnav {
 // --------------------------------------------------
 
 .btn {
-       .border-radius(0);
        font-family: @headingsFontFamily;
        font-weight: @headingsFontWeight;
     text-shadow: none;
@@ -432,25 +431,6 @@ div.subnav {
 // TABLES
 // --------------------------------------------------
 
-.table,
-.table.table-bordered,
-.table.table-striped {
-       .border-radius(0);
-}
-
-.table-bordered thead:first-child tr:first-child th:first-child,
-.table-bordered tbody:first-child tr:first-child td:first-child,
-.table-bordered thead:first-child tr:first-child th:last-child,
-.table-bordered tbody:first-child tr:first-child td:last-child,
-.table-bordered tbody:last-child tr:last-child td:first-child, {
-       .border-radius(0);
-}
-
-.table thead tr th:first-child,
-.table tbody tr td:first-child {
-       // border-left: none;
-}
-
 .table th,
 .table-striped tbody tr:nth-child(odd) th {
        background-color: @green;
@@ -496,7 +476,6 @@ input, textarea, select {
 
 .form-actions {
        border-top: none;
-       .border-radius(4px);
 }
 
 .control-group {
@@ -600,22 +579,16 @@ input, textarea, select {
 
 .well {
        border: none;
-       .border-radius(0);
        .box-shadow(none);
 }
 
 .hero-unit {
        border: none;
-       .border-radius(0);
 }
 
 .thumbnail {
        border: none;
        .box-shadow(none);
-
-       img {
-               .border-radius(4px);
-       }
 }
 
 .dropdown-menu .nav-header {
@@ -644,11 +617,15 @@ input, textarea, select {
        &-header {
                padding: 12px 15px 6px;
                background-color: @green;
+               color: @navbarLinkColor;
+
+               h1, h2, h3, h4, h5, h6 {
+                       color: @navbarLinkColor;
+               }
        }
 
        &-body,
        &-footer {
-               background-color: @headingsColor;
                border: none;
                .box-shadow(none);
 
@@ -658,7 +635,7 @@ input, textarea, select {
        }
 
        &-footer {
-               .border-radius(0 0 4px 4px);
+               background-color: @wellBackground;
        }
 }