// Bootswatch.less
// Swatch: Spruce
-// Version: 2.1.0
+// Version: 2.1.1
// -----------------------------------------------------
// TYPOGRAPHY
color: @white;
}
- .nav > .open > a {
- color: @yellow;
- }
-
- .nav > .open > .dropdown-menu {
- background-color: @headingsColor;
- color: @textColor;
- border-color: transparent;
- }
-
- .nav > .open > .dropdown-menu a:hover {
- background-color: darken(#90A38F, 10%);
- color: @headingsColor;
- }
-
.btn-navbar {
margin-top: 14px;
}
.pagination {
- & > ul {
+ ul {
background-color: darken(#90A38F, 10%);
background-image: none;
border-color: transparent;
.box-shadow(none);
}
- a {
+ ul > li > a {
color: @yellow;
border-color: transparent;
}
}
- .active a {
+ ul > .active > a {
color: @headingsColor;
background-color: rgba(0, 0, 0, 0.1);
}
- .disabled a,
- .disabled a:hover {
+ ul > .disabled > a,
+ ul > .disabled > a:hover {
color: @blue;
}
}
// --------------------------------------------------
.btn {
- .buttonBackground(lighten(@blueDark, 5%), @blueDark);
font-family: @headingsFontFamily;
font-weight: @headingsFontWeight;
- color: @white;
text-shadow: none;
border-color: transparent;
.box-shadow(none);
-
- &:hover {
- color: @grayLighter;
- }
}
.btn-large {
font-size: 18px;
}
-.btn-primary {
- .buttonBackground(lighten(@blue, 10%), lighten(@blue, 5%));
-}
-
-.btn-warning {
- .buttonBackground(@orange, darken(@orange, 5%));
-}
-
-.btn-danger {
- .buttonBackground(lighten(@red, 5%), @red);
-}
-
-.btn-success {
- .buttonBackground(#62c462, #51a351);
-}
-
-.btn-info {
- .buttonBackground(#5bc0de, #2f96b4);
-}
-
-.btn-inverse {
- .buttonBackground(@yellow, darken(@yellow, 5%));
-}
-
.btn-group .dropdown-toggle {
.box-shadow(none);
}
.border-radius(4px);
}
+.control-group.error {
+
+ label, .help-block, .help-inline {
+ color: lighten(@red, 30%);
+ }
+
+ input, select, textarea {
+ border: 2px solid lighten(@red, 30%);
+ color: @textColor;
+ }
+}
+
+.control-group.success {
+
+ label, .help-block, .help-inline {
+ color: lighten(#24C00B, 25%);
+ }
+
+ input, select, textarea {
+ border: 2px solid lighten(#24C00B, 25%);
+ color: @textColor;
+ }
+}
+
+.control-group.warning {
+
+ label, .help-block, .help-inline {
+ color: lighten(@orange, 25%);
+ }
+
+ input, select, textarea {
+ border: 2px solid lighten(@orange, 25%);
+ color: @textColor;
+ }
+}
+
// ALERTS, LABELS, BADGES
// --------------------------------------------------