Merge remote-tracking branch 'origin/wynn'

chenhaodong
2 parents 5d875bda 57d60bb4
Showing 1 changed file with 10 additions and 6 deletions Show diff stats
src/styles/components/switch.less
@@ -7,8 +7,7 @@
     line-height: 20px;
     border-radius: 22px;
     vertical-align: middle;
-    /*wynn*/
-    border: 1px solid @mew-common-color;
+    border: 1px solid tint(@mew-common-color, 20%);
     background-color: #efefef;
     position: relative;
     cursor: pointer;
@@ -20,7 +19,7 @@
     }
     &-inner {
-        color: @mew-common-color;
+        color: #999;
         font-size: @font-size-small;
         position: absolute;
         left: 23px;
@@ -40,7 +39,7 @@
         width: 18px;
         height: 18px;
         border-radius: 18px;
-        background-color: @mew-common-color;
+        background-color: tint(@mew-common-color, 50%);
         position: absolute;
         left: 1px;
         top: 1px;
@@ -65,7 +64,7 @@
         top: 3px;
         z-index: 1;
         border: 1px solid @mew-common-color;
-        border-color: transparent transparent transparent #3fcdc0;
+        border-color: transparent transparent transparent @mew-common-color;
         animation: switch-loading 1s linear;
         animation-iteration-count: infinite;
     }
@@ -75,7 +74,7 @@
     /*wynn*/
     &:focus {
-        box-shadow: 0 0 0 2px fade(@mew-common-color, 20%);
+        box-shadow: 0 0 0 2px fade(@mew-common-color, 5%);
         outline: 0;
     }
@@ -145,6 +144,7 @@
         }
         &:after {
+            background-color: @mew-common-color;
             left: 23px;
         }
         &:before{
@@ -154,6 +154,10 @@
         &:active:after {
             left: 15px;
         }
+
+        .@{switch-prefix-cls}-inner {
+            color: @mew-common-color;
+        }
     }
     &-disabled {