调整按钮样式

This commit is contained in:
fen 2013-10-26 16:00:22 +08:00
parent 7fe581464d
commit 6ddfd734f7
3 changed files with 27 additions and 13 deletions

View File

@ -127,6 +127,10 @@ button {
-ms-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;
-webkit-transition-duration: 0.4s;
-moz-transition-duration: 0.4s;
-o-transition-duration: 0.4s;
transition-duration: 0.4s;
display: inline-block;
padding: 0 12px;
height: 32px;
@ -134,11 +138,11 @@ button {
vertical-align: middle;
zoom: 1; }
button:hover {
background-color: #e2e2de; }
background-color: #dbdbd6; }
button:active, button.active {
background-color: #e2e2de; }
background-color: #dbdbd6; }
button:disabled {
background-color: #f0f0ee;
background-color: #f7f7f6;
cursor: default; }
button:disabled {
color: #999; }
@ -160,13 +164,17 @@ button {
-ms-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;
-webkit-transition-duration: 0.4s;
-moz-transition-duration: 0.4s;
-o-transition-duration: 0.4s;
transition-duration: 0.4s;
color: #FFF; }
.primary:hover {
background-color: #41728c; }
background-color: #3c6a81; }
.primary:active, .primary.active {
background-color: #41728c; }
background-color: #3c6a81; }
.primary:disabled {
background-color: #4b84a0;
background-color: #508cab;
cursor: default; }
.btn-group {
@ -181,13 +189,17 @@ button {
-ms-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;
-webkit-transition-duration: 0.4s;
-moz-transition-duration: 0.4s;
-o-transition-duration: 0.4s;
transition-duration: 0.4s;
color: #FFF; }
.btn-warn:hover {
background-color: #af4543; }
background-color: #a4403f; }
.btn-warn:active, .btn-warn.active {
background-color: #af4543; }
background-color: #a4403f; }
.btn-warn:disabled {
background-color: #bd5553;
background-color: #c1605e;
cursor: default; }
/* 下拉菜单 */

View File

@ -10,16 +10,16 @@
cursor: pointer;
@include border-radius(2px);
@include transition-duration(.4s);
&:hover {
background-color: darken($color, 3%);
// @include background-image(linear-gradient($color, darken($color, 3%)));
background-color: darken($color, 6%);
}
&:active, &.active {
background-color: darken($color, 3%);
background-color: darken($color, 6%);
}
&:disabled {
background-color: lighten($color, 3%);
background-color: lighten($color, 6%);
cursor: default;
}
}

View File

@ -70,6 +70,8 @@ textarea {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .2);
}
/* ------------------