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

更新基础元素样式

old
宇天 2018-07-28 18:54:53 +08:00
parent 95ba80f388
commit 50ea9c3241
1 changed files with 19 additions and 16 deletions

View File

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