From b08a17d9865cbc000ce28d512b9d99f8b025e0b6 Mon Sep 17 00:00:00 2001
From: Benjy Cui <benjytrys@gmail.com>
Date: Mon, 19 Sep 2016 16:57:00 +0800
Subject: [PATCH] fix: add .clearfix

---
 components/style/core/base.less     | 5 +++++
 site/theme/static/home.less         | 1 -
 site/theme/template/Home/Banner.jsx | 2 +-
 3 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/components/style/core/base.less b/components/style/core/base.less
index f296766dcd..90b96922cc 100644
--- a/components/style/core/base.less
+++ b/components/style/core/base.less
@@ -97,3 +97,8 @@ pre,
 samp {
   font-family: @code-family;
 }
+
+// Utility classes
+.clearfix {
+  .clearfix();
+}
\ No newline at end of file
diff --git a/site/theme/static/home.less b/site/theme/static/home.less
index a12623fcdd..2c81591a2e 100644
--- a/site/theme/static/home.less
+++ b/site/theme/static/home.less
@@ -63,7 +63,6 @@
 
 .banner-text-wrapper .start-button {
   margin-bottom: 24px;
-  overflow: auto;
 
   > a {
     float: right;
diff --git a/site/theme/template/Home/Banner.jsx b/site/theme/template/Home/Banner.jsx
index 49b0569392..5fc7acbf9e 100644
--- a/site/theme/template/Home/Banner.jsx
+++ b/site/theme/template/Home/Banner.jsx
@@ -25,7 +25,7 @@ export default class Banner extends React.Component {
             <h2 key="h2">ANT <p>DESIGN</p></h2>
             <p key="content"><FormattedMessage id="app.home.slogan" /></p>
             <span className="line" key="line" />
-            <div key="button" className="start-button">
+            <div key="button" className="start-button clearfix">
               <Link to="/docs/spec/introduce">
                 <Icon type="smile-circle" />
                 <FormattedMessage id="app.home.start" />