}
.btn {
- color: #fff;
+ color: #ffffff;
background-color: #a7a9aa;
border-color: #a7a9aa;
}
*/
-.caret {
- border-top-color: #fff;
- border-bottom-color: #fff;
+.btn .caret {
+ border-top-color: #ffffff;
+}
+
+.dropup .btn .caret {
+ border-bottom-color: #ffffff;
}
.btn-group {
margin-left: 0;
}
-.btn-large .caret {
- margin-top: 6px;
-}
-
.btn-large .caret {
border-width: 5px;
}
-.btn-mini .caret,
-.btn-small .caret {
- margin-top: 8px;
-}
-
.dropup .btn-large .caret {
border-bottom-width: 5px;
}
// --------------------------------------------------
// Button carets
-.caret {
- border-top-color: #fff;
- border-bottom-color: #fff;
+.btn .caret {
+ border-top-color: @btn-color;
+}
+.dropup .btn .caret {
+ border-bottom-color: @btn-color;
}
// Make the div behave like a button
margin-left: 0;
}
// Carets in other button sizes
-.btn-large .caret {
- margin-top: 6px;
-}
.btn-large .caret {
border-width: 5px;
}
-.btn-mini .caret,
-.btn-small .caret {
- margin-top: 8px;
-}
// Upside down carets for .dropup
.dropup .btn-large .caret {
border-bottom-width: 5px;
// --------------------------------------------------
.btn {
- color: #fff;
+ color: @btn-color;
background-color: @btn-background;
border-color: @btn-border;
&:hover,
// Buttons
// -------------------------
+@btn-color: #fff;
@btn-background: #a7a9aa;
@btn-border: @btn-background;