update site markdown style

components/affix/index.jsx

@@ -109,7 +109,6 @@ export default class Affix extends React.Component {
 
   render() {
     const className = classNames({
-      [this.props.className]: this.props.className,
       'ant-affix': this.state.affixStyle,
     });
 

components/layout/index.md

@@ -10,7 +10,7 @@ english: Layout
 
 ## 设计理念
 
-<div style="width:80%" class="layout-demo">
+<div class="layout-demo">
 <div class="row demo-row">
   <div class="col-24 demo-col demo-col-1">
     100%

components/menu/index.md

@@ -38,7 +38,7 @@ english: Menu
 | onSelect | 被选中时调用，参数 {item, key, selectedKeys} 对象 | function | 无   |
 | onDeselect | 取消选中时调用，参数 {item, key, selectedKeys} 对象，仅在 multiple 生效 | function | 无   |
 | onClick | 点击 menuitem 调用此函数，参数为 {item, key, keyPath} | function | 无 |
-| style | 根节点样式 | object | | |
+| style | 根节点样式 | object | |
 
 ### Menu.Item props
 

site/common/styles/common.less

@@ -35,12 +35,13 @@ a {
 }
 
 .main-container {
-  padding: 0 40px 120px;
+  padding: 0 6% 120px;
   margin-left: -1px;
   background: #fff;
   min-height: 500px;
   overflow: hidden;
   border-left: 1px solid #e9e9e9;
+  position: relative;
 }
 
 .aside-container {

site/common/styles/demo.less

@@ -14,19 +14,12 @@
 }
 
 .code-boxes-col-1-1 {
-  width: 80%;
+  width: 100%;
 }
 
 .code-boxes-col-2-1 {
-  width: 48%;
   display: inline-block;
   vertical-align: top;
-  padding-right: 8px;
-}
-
-.code-boxes-col-2-1:last-child {
-  padding-right: 0;
-  padding-left: 8px;
 }
 
 .code-box {
@@ -223,7 +216,6 @@
   float: right;
 }
 .code-box-demo .demo-content {
-  width: 80%;
   margin: 10px auto;
 }
 .code-box-demo .demo-content .demo-title {
@@ -380,7 +372,6 @@
   float: right;
 }
 .code-box-demo .demo-content {
-  width: 80%;
   margin: 10px auto;
 }
 .code-box-demo .demo-content .demo-title {

site/common/styles/markdown.less

@@ -18,9 +18,9 @@
   font-weight: 500;
   line-height: 40px;
   margin-bottom: 24px;
+  margin-top: 8px;
 
   .subtitle {
-    font-size: 80%;
     font-weight: normal;
     font-family: "Helvetica Neue",Helvetica;
   }
@@ -57,14 +57,6 @@
   margin: 1em 0;
 }
 
-.markdown > p,
-.markdown > blockquote,
-.markdown > .highlight,
-.markdown > ol,
-.markdown > ul {
-  width: 80%;
-}
-
 .markdown ul > li {
   list-style: circle;
 }
@@ -116,7 +108,7 @@
   border-spacing: 0px;
   empty-cells: show;
   border: 1px solid #e9e9e9;
-  width: 80%;
+  width: 100%;
   margin-bottom: 24px;
 }
 

site/common/styles/toc.less

@@ -40,18 +40,16 @@
 }
 
 .toc-affix {
-  position: relative;
-  float: right;
+  position: absolute;
+  top: 8px;
+  right: 30px;
 }
 
 .demos-anchor {
   color: #aaa;
-  position: absolute;
-  top: 0;
-  right: -18px;
-  background: #fff;
+  background: rgba(255, 255, 255, .5);
   font-size: 12px;
-
+  margin-top: 0;
   a {
     padding-left: 8px;
     display: block;
@@ -60,4 +58,4 @@
     white-space: nowrap;
     max-width: 90px;
   }
-}
+}

site/component/ComponentDoc/index.jsx

@@ -75,7 +75,7 @@ export default class ComponentDoc extends React.Component {
 
     return (
       <article>
-        <Affix className="toc-affix">
+        <Affix className="toc-affix" offsetTop={16}>
           <ul className="toc demos-anchor">
             { jumper }
           </ul>
@@ -95,7 +95,7 @@ export default class ComponentDoc extends React.Component {
               title="展开全部代码" onClick={this.handleExpandToggle} />
           </h2>
         </section>
-        <Row>
+        <Row gutter={16}>
           <Col span={ isSingleCol ? '24' : '12' }
             className={ isSingleCol ?
               'code-boxes-col-1-1' :