From 8c93c35f54e91a1a224d46e63145fd30c6274f39 Mon Sep 17 00:00:00 2001
From: yiminghe <yiminghe@gmail.com>
Date: Thu, 16 Jul 2015 13:00:56 +0800
Subject: [PATCH] update style

---
 components/form/demo/mix.md  |  9 ++++++---
 style/components/switch.less | 20 ++++++--------------
 2 files changed, 12 insertions(+), 17 deletions(-)

diff --git a/components/form/demo/mix.md b/components/form/demo/mix.md
index 632fcf23af..fe1c8539df 100644
--- a/components/form/demo/mix.md
+++ b/components/form/demo/mix.md
@@ -15,6 +15,7 @@ var Switch = antd.Switch;
 var Menu = antd.Menu;
 var Dropdown = antd.Dropdown;
 var Slider = antd.Slider;
+var Checkbox = antd.Checkbox;
 
 var menu = <Menu>
   <Menu.Item>
@@ -84,7 +85,7 @@ React.render(
       <div className="col-16">
         <div className="ant-input-group">
           <input type="text" className="ant-input" id="site4" placeholder="Search for..." />
-          <div className="ant-input-group-btn">    
+          <div className="ant-input-group-btn">
             <Dropdown overlay={menu}>
               <button className="ant-btn ant-btn-menu">
                 .com <i className="anticon anticon-down"></i>
@@ -103,7 +104,9 @@ React.render(
     <div className="ant-form-item">
       <label for="" className="col-6" required>ant-checkbox:</label>
       <div className="col-10">
-        <p className="ant-form-text">请填写 ant-design 的 checkbox</p>
+        <p className="ant-form-text">
+         <Checkbox />
+        </p>
       </div>
     </div>
     <div className="ant-form-item">
@@ -135,4 +138,4 @@ React.render(
     </div>
   </form>
 , document.getElementById('components-form-demo-mix'));
-````
\ No newline at end of file
+````
diff --git a/style/components/switch.less b/style/components/switch.less
index 456c1c01ec..c3f8a136b1 100644
--- a/style/components/switch.less
+++ b/style/components/switch.less
@@ -33,7 +33,6 @@
     background-color: #ffffff;
     content: " ";
     cursor: pointer;
-    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.26);
     transform: scale(1);
     transition: left @switch-duration cubic-bezier(0.35, 0, 0.25, 1);
     animation-timing-function: cubic-bezier(0.35, 0, 0.25, 1);
@@ -61,11 +60,11 @@
 
   &-disabled{
     cursor: no-drop;
-    background: #ccc;
-    border-color:#ccc;
+    background: #f4f4f4;
+    border-color:#f4f4f4;
 
     &:after{
-      background: #9e9e9e;
+      background: #ccc;
       animation-name: none;
       cursor: no-drop;
     }
@@ -74,17 +73,10 @@
       transform: scale(1);
       animation-name: none;
     }
-  }
 
-  &-label {
-    display: inline-block;
-    line-height: 20px;
-    font-size: 14px;
-    padding-left: 10px;
-    vertical-align: middle;
-    white-space: normal;
-    pointer-events: none;
-    user-select: text;
+    &-inner {
+      color:#ccc;
+    }
   }
 }