Merge branch 'master' into antd-3.0

components/style/core/base.less

@@ -138,6 +138,11 @@ address {
   line-height: inherit;
 }
 
+input[type="text"],
+textarea {
+  -webkit-appearance: none;
+}
+
 ol,
 ul,
 dl {

site/theme/en-US.js

@@ -12,6 +12,7 @@ module.exports = {
     'app.header.menu.spec': 'Guidelines',
     'app.header.menu.resource': 'Resources',
     'app.header.menu.mobile': 'Mobile',
+    'app.header.menu.pro': 'PRO',
     'app.header.lang': '中文',
     'app.content.edit-page': 'Edit this page on GitHub!',
     'app.content.edit-demo': 'Edit this demo on GitHub!',

site/theme/static/header.less

@@ -18,6 +18,14 @@
       color: @text-color;
     }
   }
+
+  .header-link {
+    color: @text-color;
+  }
+
+  .ant-menu-item-active .header-link {
+    color: @primary-color;
+  }
 }
 
 #logo {

site/theme/template/Home/index.jsx

@@ -80,6 +80,12 @@ function getStyle() {
       color: #eee;
       transition: all 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955);
     }
+    #nav a.header-link {
+      color: #fff;
+    }
+    .home-nav-white #nav a.header-link {
+      color: rgba(0, 0, 0, .65);
+    }
     #search-box {
       border-left-color: rgba(235, 237, 238, .5);
       transition: border 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955);

site/theme/template/Layout/Header.jsx

@@ -3,7 +3,7 @@ import PropTypes from 'prop-types';
 import { Link } from 'bisheng/router';
 import { FormattedMessage } from 'react-intl';
 import classNames from 'classnames';
-import { Select, Menu, Row, Col, Icon, Button, Popover, AutoComplete, Input } from 'antd';
+import { Select, Menu, Row, Col, Icon, Button, Popover, AutoComplete, Input, Badge } from 'antd';
 import * as utils from '../utils';
 import { version as antdVersion } from '../../../../package.json';
 
@@ -195,9 +195,12 @@ export default class Header extends React.Component {
             <FormattedMessage id="app.header.menu.resource" />
           </Link>
         </Menu.Item>
-        <Menu.Item key="mobile">
-          <a href="//mobile.ant.design">
-            <FormattedMessage id="app.header.menu.mobile" />
+        <Menu.Item key="pro">
+          <a href="http://pro.ant.design" className="header-link">
+            <FormattedMessage id="app.header.menu.pro" />
+            <span style={{ display: 'inline-block', position: 'relative', top: -2, width: 18 }}>
+              <Badge dot />
+            </span>
           </a>
         </Menu.Item>
       </Menu>,

site/theme/zh-CN.js

@@ -12,6 +12,7 @@ module.exports = {
     'app.header.menu.spec': '指引',
     'app.header.menu.resource': '资源',
     'app.header.menu.mobile': '移动版',
+    'app.header.menu.pro': 'PRO',
     'app.header.lang': 'EN',
     'app.content.edit-page': '在 Github 上编辑此页！',
     'app.content.edit-demo': '在 Github 上编辑此示例！',