cyborg: add inverse label and badge, fix table row warning, close #118
[bootswatch] / cyborg / bootswatch.less
index aca8c8b..4633be2 100755 (executable)
@@ -1,4 +1,4 @@
-// Cyborg 2.2.2
+// Cyborg 2.3.2
 // Bootswatch
 // -----------------------------------------------------
 
@@ -6,7 +6,7 @@
 // TYPOGRAPHY
 // -----------------------------------------------------
 
-@import url('https://fonts.googleapis.com/css?family=Droid+Sans:400,700');
+@import url('//fonts.googleapis.com/css?family=Droid+Sans:400,700');
 
 label, input, button, select, textarea,
 .navbar .search-query:-moz-placeholder,
@@ -165,16 +165,13 @@ hr {
 }
 
 div.subnav {
+
+       margin: 0 1px;
        background-color: @grayDarker;
        background-image: none;
        border: none;
        border-bottom: 1px solid @grayDark;
 
-
-       &.subnav-fixed {
-               top: @navbarHeight;
-       }
-
        .nav > li > a,
        .nav > li:first-child > a,
        .nav > li:first-child > a:hover {
@@ -198,6 +195,14 @@ div.subnav {
        .nav li.nav-header {
                text-shadow: none;
        }
+
+
+
+
+       &-fixed {
+               top: @navbarHeight;
+               margin: 0;
+       }
 }
 
 // NAV
@@ -215,6 +220,10 @@ div.subnav {
                color: @white;
        }
 
+       li.disabled > a {
+               color: @textColor;
+       }
+
        .open .dropdown-toggle {
                background-color: #060606;
                border-color: transparent;
@@ -228,6 +237,10 @@ div.subnav {
                color: @white;
        }
 
+       li.disabled > a {
+               color: @textColor;
+       }
+
        .open .dropdown-toggle {
                background-color: #060606;
        }
@@ -395,17 +408,16 @@ input, textarea, select {
        .border-radius(1px);
 }
 
-legend, label {
-       color: @textColor;
-       border-bottom: 0px solid #222;
-}
-
-input, textarea, select, .uneditable-input {
+select, textarea,
+input[type="text"], input[type="password"], input[type="datetime"],
+input[type="datetime-local"], input[type="date"], input[type="month"],
+input[type="time"], input[type="week"], input[type="number"],
+input[type="email"], input[type="url"], input[type="search"],
+input[type="tel"], input[type="color"], .uneditable-input {
        color: @grayDark;
 }
 
 input[disabled], select[disabled], textarea[disabled], input[readonly], select[readonly], textarea[readonly], .uneditable-input {
-       background-color: #555;
        border-color: #444;
 }
 
@@ -426,6 +438,11 @@ select:focus {
   .tab-focus();
 }
 
+legend, label {
+       color: @textColor;
+       border-bottom: 0px solid #222;
+}
+
 .form-actions {
        border-top: 1px solid #222;
 }
@@ -451,6 +468,11 @@ select:focus {
                background-color: @blue;
                color: @white;
        }
+
+       tbody tr.warning td {
+               background-color: @orange;
+               color: @white;
+       }
 }
 
 // DROPDOWNS
@@ -478,6 +500,12 @@ select:focus {
   border: none;
 }
 
+.alert {
+       h1, h2, h3, h4, h5, h6 {
+               color: @grayLighter;
+       }
+}
+
 .label {
        color: @grayLighter;
 }
@@ -492,7 +520,7 @@ select:focus {
 
 .label-important:hover { background-color: darken(@red, 10%); }
 
-.label-warning   { background-color: darken(@orange, 10%); }
+.label-warning, .alert-warning   { background-color: darken(@orange, 10%); }
 
 .label-warning:hover { background-color: darken(@orange, 20%); }
 
@@ -504,6 +532,12 @@ select:focus {
 
 .label-info:hover { background-color: darken(@blueDark, 20%); }
 
+.badge-inverse,
+.label-inverse,
+.alert-inverse { background-color: darken(@purple, 10%); }
+
+.label-inverse:hover { background-color: darken(@purple, 20%); }
+
 // MISC
 // -----------------------------------------------------