Fixes #8786 (part 2): new default button styles

Also relevant: http://www.youtube.com/watch?v=Ldyx3KHOFXw
This commit is contained in:
Mark Otto 2013-08-05 09:02:59 -07:00
parent 2ee9bea890
commit 41eef69e6f
5 changed files with 27 additions and 22 deletions

View File

@ -1728,7 +1728,7 @@ textarea.input-sm {
.btn:hover, .btn:hover,
.btn:focus { .btn:focus {
color: #ffffff; color: #333333;
text-decoration: none; text-decoration: none;
} }
@ -1751,17 +1751,18 @@ fieldset[disabled] .btn {
} }
.btn-default { .btn-default {
color: #ffffff; color: #333333;
background-color: #474949; background-color: #ffffff;
border-color: #474949; border-color: #cccccc;
} }
.btn-default:hover, .btn-default:hover,
.btn-default:focus, .btn-default:focus,
.btn-default:active, .btn-default:active,
.btn-default.active { .btn-default.active {
background-color: #333434; color: #333333;
border-color: #292a2a; background-color: #ebebeb;
border-color: #adadad;
} }
.btn-default.disabled, .btn-default.disabled,
@ -1779,8 +1780,8 @@ fieldset[disabled] .btn-default:active,
.btn-default.disabled.active, .btn-default.disabled.active,
.btn-default[disabled].active, .btn-default[disabled].active,
fieldset[disabled] .btn-default.active { fieldset[disabled] .btn-default.active {
background-color: #474949; background-color: #ffffff;
border-color: #474949; border-color: #cccccc;
} }
.btn-primary { .btn-primary {
@ -1793,6 +1794,7 @@ fieldset[disabled] .btn-default.active {
.btn-primary:focus, .btn-primary:focus,
.btn-primary:active, .btn-primary:active,
.btn-primary.active { .btn-primary.active {
color: #ffffff;
background-color: #3276b1; background-color: #3276b1;
border-color: #2d6ca2; border-color: #2d6ca2;
} }
@ -1826,6 +1828,7 @@ fieldset[disabled] .btn-primary.active {
.btn-warning:focus, .btn-warning:focus,
.btn-warning:active, .btn-warning:active,
.btn-warning.active { .btn-warning.active {
color: #ffffff;
background-color: #ed9c28; background-color: #ed9c28;
border-color: #eb9316; border-color: #eb9316;
} }
@ -1859,6 +1862,7 @@ fieldset[disabled] .btn-warning.active {
.btn-danger:focus, .btn-danger:focus,
.btn-danger:active, .btn-danger:active,
.btn-danger.active { .btn-danger.active {
color: #ffffff;
background-color: #d2322d; background-color: #d2322d;
border-color: #c12e2a; border-color: #c12e2a;
} }
@ -1892,6 +1896,7 @@ fieldset[disabled] .btn-danger.active {
.btn-success:focus, .btn-success:focus,
.btn-success:active, .btn-success:active,
.btn-success.active { .btn-success.active {
color: #ffffff;
background-color: #47a447; background-color: #47a447;
border-color: #419641; border-color: #419641;
} }
@ -1925,6 +1930,7 @@ fieldset[disabled] .btn-success.active {
.btn-info:focus, .btn-info:focus,
.btn-info:active, .btn-info:active,
.btn-info.active { .btn-info.active {
color: #ffffff;
background-color: #39b3d7; background-color: #39b3d7;
border-color: #2aabd2; border-color: #2aabd2;
} }
@ -3111,11 +3117,11 @@ button.close {
} }
.btn .caret { .btn .caret {
border-top-color: #ffffff; border-top-color: #333333;
} }
.dropup .btn .caret { .dropup .btn .caret {
border-bottom-color: #ffffff; border-bottom-color: #333333;
} }
.btn-group, .btn-group,

File diff suppressed because one or more lines are too long

View File

@ -28,7 +28,7 @@
&:hover, &:hover,
&:focus { &:focus {
color: @btn-hover-color; color: @btn-default-color;
text-decoration: none; text-decoration: none;
} }

View File

@ -372,6 +372,7 @@
&:focus, &:focus,
&:active, &:active,
&.active { &.active {
color: @color;
background-color: darken(@background, 8%); background-color: darken(@background, 8%);
border-color: darken(@border, 12%); border-color: darken(@border, 12%);
} }

View File

@ -96,32 +96,30 @@
// Buttons // Buttons
// ------------------------- // -------------------------
@btn-default-color: #fff; @btn-default-color: #333;
@btn-default-bg: #474949; @btn-default-bg: #fff;
@btn-default-border: @btn-default-bg; @btn-default-border: #ccc;
@btn-primary-color: @btn-default-color; @btn-primary-color: #fff;
@btn-primary-bg: @brand-primary; @btn-primary-bg: @brand-primary;
@btn-primary-border: @btn-primary-bg; @btn-primary-border: @btn-primary-bg;
@btn-success-color: @btn-default-color; @btn-success-color: #fff;
@btn-success-bg: @brand-success; @btn-success-bg: @brand-success;
@btn-success-border: @btn-success-bg; @btn-success-border: @btn-success-bg;
@btn-warning-color: @btn-default-color; @btn-warning-color: #fff;
@btn-warning-bg: @brand-warning; @btn-warning-bg: @brand-warning;
@btn-warning-border: @btn-warning-bg; @btn-warning-border: @btn-warning-bg;
@btn-danger-color: @btn-default-color; @btn-danger-color: #fff;
@btn-danger-bg: @brand-danger; @btn-danger-bg: @brand-danger;
@btn-danger-border: @btn-danger-bg; @btn-danger-border: @btn-danger-bg;
@btn-info-color: @btn-default-color; @btn-info-color: #fff;
@btn-info-bg: @brand-info; @btn-info-bg: @brand-info;
@btn-info-border: @btn-info-bg; @btn-info-border: @btn-info-bg;
@btn-hover-color: @btn-default-color;
// Forms // Forms
// ------------------------- // -------------------------