This repository has been archived on 2023-08-30. You can view files and clone it, but cannot push or open issues/pull-requests.
bytedo
/
wcui
Archived
1
0
Fork 0
Code Issues Pull Requests Wiki Activity

优化基础元素UI

old
宇天 2018-07-28 20:35:17 +08:00
parent 764452ba43
commit 51b59a728b
1 changed files with 12 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
src/css/elem-ui.scss
View File

@ -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} &.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;} &.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:hover {background:nth($ct, 1);}
&.teal:active {background:nth($ct, 3);} &.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:hover {background:nth($cg, 1);}
&.green:active {background:nth($cg, 3);} &.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:hover {background:nth($cb, 1);}
&.blue:active {background:nth($cb, 3);} &.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:hover {background:nth($cpp, 1);}
&.purple:active {background:nth($cpp, 3);} &.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:hover {background:nth($cr, 1);}
&.red:active {background:nth($cr, 3);} &.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:hover {background:nth($co, 1);}
&.orange:active {background:nth($co, 3);} &.orange:active {background:nth($co, 3);}
&.plain {border:0;background:nth($cp, 2);color:nth($cgr, 1);} &.grey {background:nth($cgr, 2);color:#fff;}
&.plain:hover {background:nth($cp, 1);}
&.plain:active {background:nth($cp, 3);}
&.grey {border:0;background:nth($cgr, 2);color:#fff;}
&.grey:hover {background:nth($cgr, 1);} &.grey:hover {background:nth($cgr, 1);}
&.grey:active {background:nth($cgr, 3);} &.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:hover {background:nth($cd, 1);}
&.dark:active {background:nth($cd, 3);} &.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;}
} }