diff --git a/src/css/elem-ui.scss b/src/css/elem-ui.scss index 173bc73..29ca6ea 100644 --- a/src/css/elem-ui.scss +++ b/src/css/elem-ui.scss @@ -10,41 +10,40 @@ /*--------各种按钮---------*/ -.do-ui-button {display:inline-block;height:16px;padding:2px 5px;line-height:12px;border:1px solid #ddd;border-radius:3px;text-align:center;font-size:12px;background:none;cursor:pointer;@include ts; +.do-ui-button {display:inline-block;height:16px;padding:2px 5px;line-height:12px;border-radius:3px;text-align:center;font-size:12px;background:nth($cp, 2);color:nth($cgr, 1);cursor:pointer;@include ts; &.medium {min-width:100px;height:35px;padding:0 8px;line-height:35px;border-radius:5px;font-size:15px} &.large {min-width:150px;height:50px;padding:0 13px;line-height:50px;border-radius:5px;font-size:18px;} + &:hover {background:nth($cp, 1);} + &:active {background:nth($cp, 3);} - &.teal {border:0;background:nth($ct, 2);color:#fff;} + &.teal {background:nth($ct, 2);color:#fff;} &.teal:hover {background:nth($ct, 1);} &.teal:active {background:nth($ct, 3);} - &.green {border:0;background:nth($cg, 2);color:#fff;} + &.green {background:nth($cg, 2);color:#fff;} &.green:hover {background:nth($cg, 1);} &.green:active {background:nth($cg, 3);} - &.blue {border:0;background:nth($cb, 2);color:#fff;} + &.blue {background:nth($cb, 2);color:#fff;} &.blue:hover {background:nth($cb, 1);} &.blue:active {background:nth($cb, 3);} - &.purple {border:0;background:nth($cpp, 2);color:#fff;} + &.purple {background:nth($cpp, 2);color:#fff;} &.purple:hover {background:nth($cpp, 1);} &.purple:active {background:nth($cpp, 3);} - &.red {border:0;background:nth($cr, 2);color:#fff;} + &.red {background:nth($cr, 2);color:#fff;} &.red:hover {background:nth($cr, 1);} &.red:active {background:nth($cr, 3);} - &.orange {border:0;background:nth($co, 2);color:#fff;} + &.orange {background:nth($co, 2);color:#fff;} &.orange:hover {background:nth($co, 1);} &.orange:active {background:nth($co, 3);} - &.plain {border:0;background:nth($cp, 2);color:nth($cgr, 1);} - &.plain:hover {background:nth($cp, 1);} - &.plain:active {background:nth($cp, 3);} - &.grey {border:0;background:nth($cgr, 2);color:#fff;} + &.grey {background:nth($cgr, 2);color:#fff;} &.grey:hover {background:nth($cgr, 1);} &.grey:active {background:nth($cgr, 3);} - &.dark {border:0;background:nth($cd, 2);color:#fff;} + &.dark {background:nth($cd, 2);color:#fff;} &.dark:hover {background:nth($cd, 1);} &.dark:active {background:nth($cd, 3);} - &.disabled {border-color:nth($cp, 1);color:nth($cp, 3);cursor:not-allowed;} + &.disabled {background:nth($cp, 1);color:nth($cp, 3);cursor:not-allowed;} }