Commit 28cacec905e8281c73d96aaa3c51a9e784b38953
Merge remote-tracking branch 'origin/wynn'
Showing
1 changed file
with
10 additions
and
6 deletions
Show diff stats
src/styles/components/switch.less
| ... | ... | @@ -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 { | ... | ... |