chenhaodong / mew-iview

Compare View

switch
from
...
to
 
Commits (2)
Showing 1 changed file   Show diff stats
Inline Side-by-side
src/styles/components/switch.less
  Show/Hide comments   View file @28cacec
... ... @@ -7,8 +7,7 @@
7 7 line-height: 20px;
8 8 border-radius: 22px;
9 9 vertical-align: middle;
10   - /*wynn*/
11   - border: 1px solid @mew-common-color;
  10 + border: 1px solid tint(@mew-common-color, 20%);
12 11 background-color: #efefef;
13 12 position: relative;
14 13 cursor: pointer;
... ... @@ -20,7 +19,7 @@
20 19 }
21 20  
22 21 &-inner {
23   - color: @mew-common-color;
  22 + color: #999;
24 23 font-size: @font-size-small;
25 24 position: absolute;
26 25 left: 23px;
... ... @@ -40,7 +39,7 @@
40 39 width: 18px;
41 40 height: 18px;
42 41 border-radius: 18px;
43   - background-color: @mew-common-color;
  42 + background-color: tint(@mew-common-color, 50%);
44 43 position: absolute;
45 44 left: 1px;
46 45 top: 1px;
... ... @@ -65,7 +64,7 @@
65 64 top: 3px;
66 65 z-index: 1;
67 66 border: 1px solid @mew-common-color;
68   - border-color: transparent transparent transparent #3fcdc0;
  67 + border-color: transparent transparent transparent @mew-common-color;
69 68 animation: switch-loading 1s linear;
70 69 animation-iteration-count: infinite;
71 70 }
... ... @@ -75,7 +74,7 @@
75 74  
76 75 /*wynn*/
77 76 &:focus {
78   - box-shadow: 0 0 0 2px fade(@mew-common-color, 20%);
  77 + box-shadow: 0 0 0 2px fade(@mew-common-color, 5%);
79 78 outline: 0;
80 79 }
81 80  
... ... @@ -145,6 +144,7 @@
145 144 }
146 145  
147 146 &:after {
  147 + background-color: @mew-common-color;
148 148 left: 23px;
149 149 }
150 150 &:before{
... ... @@ -154,6 +154,10 @@
154 154 &:active:after {
155 155 left: 15px;
156 156 }
  157 +
  158 + .@{switch-prefix-cls}-inner {
  159 + color: @mew-common-color;
  160 + }
157 161 }
158 162  
159 163 &-disabled {
... ...