update docs

docs/practice/cases.md

@@ -5,4 +5,14 @@
 
 ---
 
-占位。
+<img width="360" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg">
+
+Ant Design 是面向中后台的 UI 设计语言。
+
+从 2015 年 4 月起，Ant Design 在蚂蚁金服中后台产品线迅速推广，对接多条业务线，覆盖系统 40 个以上。定位于中后台业务的 Ant Design 兼顾专业和非专业的设计人员，具有学习成本低、上手速度快、实现效果好等特点，并且提供从设计到前端实现的全链路生态，可以大大提升设计和开发的效率。
+
+## 精选案例
+
+---
+
+待补充。

docs/react/introduce.md

@@ -71,6 +71,7 @@ import 'antd/lib/index.css';  // or 'antd/style/index.less'
 ## 谁在使用
 
 - 蚂蚁金服
+- 口碑
 
 > 如果你的公司和产品使用了 Ant Design，欢迎到 [这里](https://github.com/ant-design/ant-design/issues/477) 留言。
 

docs/spec/introduce.md

@@ -16,6 +16,7 @@ Ant Design 源自蚂蚁金服体验技术部的后台产品开发，我们的设
 ## 谁在使用
 
 - 蚂蚁金服
+- 口碑
 
 > 如果你的公司和产品使用了 Ant Design，欢迎到 [这里](https://github.com/ant-design/ant-design/issues/477) 留言。
 

scripts/demo.js

@@ -174,7 +174,7 @@ var PriviewImg = React.createClass({
   }
 });
 
-$(function() {
+InstantClickChangeFns.push(function() {
   Array.slice(document.querySelectorAll('.preview-img')).forEach(function(img) {
     img.parentNode.className = 'preview-image';
     ReactDOM.render(<PriviewImg src={img.src} />, img.parentNode);

site/static/script.js

@@ -61,7 +61,6 @@ InstantClickChangeFns.push(function() {
   var titles = $('.markdown :header:not(h1)');
   var doc = $(document);
   var tocTop = $('.toc').offset().top;
-  console.log($('.toc').offset(), $('.toc').css('position'));
   function onScroll() {
     var top = doc.scrollTop(), i;
     if (top >= doc.height()- $(window).height() - 20) {

site/static/style.css

@@ -87,7 +87,7 @@ a.logo {
   float: left;
   height: 46px;
   line-height: 46px;
-  margin: 17px 45px 17px 40px;
+  margin: 17px 45px 17px 4%;
   transition: margin 0.3s cubic-bezier(0.075, 0.82, 0.165, 1) 0s, width 0.3s cubic-bezier(0.075, 0.82, 0.165, 1) 0s, height 0.3s cubic-bezier(0.075, 0.82, 0.165, 1) 0s;
   text-transform: uppercase;
   font-size: 18px;
@@ -113,7 +113,7 @@ a.logo {
 
 #autoComplete {
   margin-top: -2px;
-  width: 230px;
+  width: 200px;
 }
 
 #autoComplete .ant-select {
@@ -172,6 +172,7 @@ a.logo {
   position: absolute;
   left: 50%;
   transform: translateX(-50%);
+  display: none;
 }
 
 .nav {
@@ -180,7 +181,7 @@ a.logo {
   float: right;
   font-size: 0.875em;
   position: relative;
-  margin-right: 25px;
+  margin-right: 4%;
   overflow: hidden;
 }
 
@@ -191,7 +192,7 @@ a.logo {
 }
 
 .nav ul li a {
-  color: #728AA3;
+  color: #666;
   width: 100%;
   height: 100%;
   display: block;
@@ -381,7 +382,7 @@ footer ul li > a {
 }
 
 .aside-container {
-  width: 260px;
+  width: 220px;
   padding-bottom: 50px;
   float: left;
   border-right: 1px solid #e9e9e9;
@@ -395,7 +396,7 @@ footer ul li > a {
 }
 
 .aside-container > ul > li > ul {
-  margin-left: 24px;
+  margin-left: 16px;
 }
 
 .aside-container li h4 {
@@ -489,8 +490,8 @@ footer ul li > a {
 
 .main-container {
   border-left: 1px solid #e9e9e9;
-  margin-left: 259px;
+  margin-left: 219px;
-  padding: 0 24px 120px;
+  padding: 0 40px 120px;
   background: #fff;
   min-height: 500px;
 }
@@ -533,7 +534,7 @@ footer ul li > a {
 .markdown h5,
 .markdown h6 {
   color: #404040;
-  margin: 1.6em 0 1em 0;
+  margin: 1.6em 0 0.6em 0;
   font-weight: 500;
 }
 
@@ -554,7 +555,7 @@ footer ul li > a {
 
 .markdown p,
 .markdown pre {
-  margin: 1.2em 0;
+  margin: 1em 0;
 }
 
 .markdown > ul li {
@@ -659,7 +660,7 @@ footer ul li > a {
   width: 100%;
   overflow: hidden;
   font-size: 16px;
-  padding-left: 260px;
+  padding-left: 220px;
 }
 
 .prev-next-nav > .prev-page,
@@ -696,6 +697,7 @@ footer ul li > a {
   font-size: 12px;
   background: #fff;
   padding-top: 12px;
+  margin-right: -16px;
 }
 
 .toc.sticky {
@@ -718,12 +720,18 @@ footer ul li > a {
   white-space: nowrap;
   text-overflow: ellipsis;
   overflow: hidden;
-  max-width: 120px;
+  max-width: 100px;
   line-height: 20px;
+  color: #999;
+}
+
+.toc a:hover {
+  color: #2db7f5;
 }
 
 .toc a.current {
   border-color: #2db7f5;
+  color: #2db7f5;
 }
 
 /* autocomplete */
@@ -1018,6 +1026,9 @@ a.entry-link:hover .anticon-smile {
     float: none;
     width: 100%;
   }
+  .search {
+    display: none;
+  }
 }
 
 @media only screen and (min-width: 320px) and (max-width: 767px) {