From c64aa26d062b53a40be55ea62017bd04f523b290 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sat, 2 Feb 2013 13:03:18 -0800 Subject: Add @btn-color variable and use in buttons and carets; fixes dropup caret as well --- less/button-groups.less | 15 +++++---------- less/buttons.less | 2 +- less/variables.less | 1 + 3 files changed, 7 insertions(+), 11 deletions(-) (limited to 'less') diff --git a/less/button-groups.less b/less/button-groups.less index 43bf73ca1..340b342e7 100644 --- a/less/button-groups.less +++ b/less/button-groups.less @@ -3,9 +3,11 @@ // -------------------------------------------------- // 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 @@ -104,16 +106,9 @@ 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; diff --git a/less/buttons.less b/less/buttons.less index f825bd429..80d19494d 100644 --- a/less/buttons.less +++ b/less/buttons.less @@ -115,7 +115,7 @@ input[type="button"] { // -------------------------------------------------- .btn { - color: #fff; + color: @btn-color; background-color: @btn-background; border-color: @btn-border; &:hover, diff --git a/less/variables.less b/less/variables.less index 53de5a6ac..1f8b8ae59 100644 --- a/less/variables.less +++ b/less/variables.less @@ -82,6 +82,7 @@ // Buttons // ------------------------- +@btn-color: #fff; @btn-background: #a7a9aa; @btn-border: @btn-background; -- cgit v1.2.3