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

优化基础元素UI

old
宇天 2018-07-28 20:35:17 +08:00
parent 764452ba43
commit 51b59a728b
1 changed files with 12 additions and 13 deletions

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}
&.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;}
}