2.2.2 -> 2.3.0
[bootswatch] / united / bootswatch.less
index a2d6b7c..46b66f5 100755 (executable)
@@ -1,65 +1,88 @@
-// Bootswatch.less
-// Swatch: United
-// Version: 2.0.2
+// United 2.3.0
+// Bootswatch
 // -----------------------------------------------------
 
+
 // TYPOGRAPHY
 // -----------------------------------------------------
 
-@import url(https://fonts.googleapis.com/css?family=Ubuntu);
+@import url(//fonts.googleapis.com/css?family=Ubuntu);
+
+// SCAFFOLDING
+// -----------------------------------------------------
 
 // NAVBAR
 // -----------------------------------------------------
 
-.navbar .nav > li > a {
-       border-right: 1px solid #C03D14;
-       border-left: 1px solid #E6633A;
-       
-       &:hover {
-               background-color: @linkColorHover;
+.navbar {
+
+       .nav > li > a {
+               border-right: 1px solid rgba(0, 0, 0, 0.2);
+               border-left: 1px solid rgba(255, 255, 255, 0.1);
+
+               &:hover {
+                       border-left: 1px solid rgba(0, 0, 0, 0.2);
+               }
        }
-}
 
-// Lightened color of active item
-.navbar .nav .active > a,
-.navbar .nav .active > a:hover {
-  background-color: rgba(0,0,0,.2);
-}
+       .nav > .active > a,
+       .nav > .active > a:hover {
+               border-left: 1px solid rgba(0, 0, 0, 0.2);
+       }
 
-// Styled item divider
-.navbar .divider-vertical {
-       background-color: inherit;
-       border-right: 0px solid #CE4213;
-}
+       .divider-vertical {
+               background-color: inherit;
+               border-right: 1px solid rgba(0, 0, 0, 0.2);
+       }
 
-.navbar .navbar-text > a {
-       color: @white;
-       text-decoration: underline;
-       
-       &:hover {
-               color: #ddd;
+       .navbar-text {
+               padding: 9px 10px 11px;
+               line-height: 19px;
+               color: @white;
        }
-}
 
-.navbar-search .search-query {
-       border: 1px solid darken(@navbarBackground, 15%);
+       .navbar-search .search-query {
+               margin-bottom: 3px;
+               border: 1px solid darken(@navbarBackground, 15%);
+       }
 }
 
-.navbar .nav-collapse.in > .nav li > a {
-       color: @white;
-       border-left: 0px solid @orange;
-       border-right: 0px solid @orange;
-       
-       &:hover {
-               background-color: @linkColorHover;
+@media (max-width: @navbarCollapseWidth) {
+
+       .navbar .nav-collapse {
+
+               .nav li > a {
+                       color: @white;
+                       border-left: 0px solid @orange;
+                       border-right: 0px solid @orange;
+
+                       &:hover {
+                               background-color: rgba(0, 0, 0, 0.3) !important;
+                               background-image: none;
+                       }
+               }
+
+               .navbar-form,
+               .navbar-search {
+                       border-top: 0px solid @orange;
+                       border-bottom: 0px solid @orange;
+                       .box-shadow(none);
+               }
+
+               .nav-header {
+                       color: @grayLighter;
+               }
        }
 }
 
-.navbar .nav-collapse.in .navbar-form,
-.navbar .nav-collapse.in .navbar-search {
-       border-top: 0px solid @orange;
-       border-bottom: 0px solid @orange;
-       .box-shadow(none);
+// NAV
+// -----------------------------------------------------
+
+.nav-tabs .open .dropdown-toggle,
+.nav-pills .open .dropdown-toggle,
+.nav > li.dropdown.open.active > a:hover {
+       border-right: 1px solid #C03D14;
+       border-left: 1px solid #E6633A;
 }
 
 // BUTTONS
   .buttonBackground(lighten(@yellow, 15%), @yellow);
 }
 
-// ALERTS
+// TABLES
+// -----------------------------------------------------
+
+// FORMS
+// -----------------------------------------------------
+
+// DROPDOWNS
+// -----------------------------------------------------
+
+// ALERTS, LABELS, BADGES
 // -----------------------------------------------------
 
 .alert {
        text-shadow: none;
 }
 
-// FORMS
+// MISC
 // -----------------------------------------------------
 
-.form-actions {
-       background-color: transparent;
-}
\ No newline at end of file
+.hero-unit {
+    border: 1px solid rgba(0,0,0,.05);
+    .box-shadow(inset 0 1px 1px rgba(0,0,0,.05));
+
+       h1 {
+               line-height: 1.6em;
+       }
+}
+
+// MEDIA QUERIES
+// -----------------------------------------------------