rgba text color on active buttons for a bit more contrast from their non-active siblings

This commit is contained in:
Mark Otto 2012-01-27 21:08:04 -08:00
parent 4e191c423d
commit 3934d1b6c4
3 changed files with 21 additions and 3 deletions

View File

@ -6,7 +6,7 @@
* http://www.apache.org/licenses/LICENSE-2.0 * http://www.apache.org/licenses/LICENSE-2.0
* *
* Designed and built with all the love in the world @twitter by @mdo and @fat. * Designed and built with all the love in the world @twitter by @mdo and @fat.
* Date: Fri Jan 27 20:16:25 PST 2012 * Date: Fri Jan 27 21:07:37 PST 2012
*/ */
article, article,
aside, aside,
@ -2486,6 +2486,12 @@ table .span12 {
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
color: #ffffff; color: #ffffff;
} }
.btn.primary.active,
.btn.danger.active,
.btn.success.active,
.btn.info.active {
color: rgba(255, 255, 255, 0.75);
}
.btn.primary { .btn.primary {
background-color: #0074cc; background-color: #0074cc;
background-image: -moz-linear-gradient(top, #0088cc, #0055cc); background-image: -moz-linear-gradient(top, #0088cc, #0055cc);
@ -2630,6 +2636,7 @@ table .span12 {
box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
background-color: #e6e6e6; background-color: #e6e6e6;
background-color: #d9d9d9 \9; background-color: #d9d9d9 \9;
color: rgba(0, 0, 0, 0.5);
} }
.btn.disabled, .btn[disabled] { .btn.disabled, .btn[disabled] {
cursor: default; cursor: default;
@ -2747,7 +2754,10 @@ button.btn.small, input[type="submit"].btn.small {
-moz-border-radius-bottomright: 6px; -moz-border-radius-bottomright: 6px;
border-bottom-right-radius: 6px; border-bottom-right-radius: 6px;
} }
.btn-group .btn:hover, .btn-group .btn:focus, .btn-group .btn:active { .btn-group .btn:hover,
.btn-group .btn:focus,
.btn-group .btn:active,
.btn-group .btn.active {
z-index: 2; z-index: 2;
} }
.btn-group .dropdown-toggle { .btn-group .dropdown-toggle {

View File

@ -73,7 +73,8 @@
// On hover/focus/active, bring the proper btn to front // On hover/focus/active, bring the proper btn to front
.btn-group .btn:hover, .btn-group .btn:hover,
.btn-group .btn:focus, .btn-group .btn:focus,
.btn-group .btn:active { .btn-group .btn:active,
.btn-group .btn.active {
z-index: 2; z-index: 2;
} }

View File

@ -18,6 +18,12 @@
text-shadow: 0 -1px 0 rgba(0,0,0,.25); text-shadow: 0 -1px 0 rgba(0,0,0,.25);
color: @white color: @white
} }
&.primary.active,
&.danger.active,
&.success.active,
&.info.active {
color: rgba(255,255,255,.75);
}
&.primary { &.primary {
.buttonBackground(@primaryButtonBackground, spin(@primaryButtonBackground, 15)); .buttonBackground(@primaryButtonBackground, spin(@primaryButtonBackground, 15));
} }
@ -81,6 +87,7 @@
.box-shadow(@shadow); .box-shadow(@shadow);
background-color: darken(@white, 10%); background-color: darken(@white, 10%);
background-color: darken(@white, 15%) e("\9"); background-color: darken(@white, 15%) e("\9");
color: rgba(0,0,0,.5);
} }
&.disabled, &.disabled,
&[disabled] { &[disabled] {