site: clean footer style code

site/theme/static/footer.less

@@ -2,32 +2,13 @@
 
 @padding-space: 144px;
 
-footer.dark {
-  background-color: #000;
-  color: rgba(255, 255, 255, 0.65);
-  a {
-    color: rgba(255, 255, 255, 0.9);
-  }
-  h2 {
-    color: rgba(255, 255, 255, 1);
-    & > span {
-      color: rgba(255, 255, 255, 1);
-    }
-  }
-  .bottom-bar {
-    border-top: 1px solid rgba(255, 255, 255, 0.25);
-    overflow: hidden;
-  }
-}
-
 footer {
-  border-top: 1px solid @border-color;
   clear: both;
   font-size: 14px;
-  background: #fff;
+  background-color: #000;
   position: relative;
   z-index: 100;
-  color: @site-text-color;
+  color: rgba(255, 255, 255, 0.65);
   box-shadow: 0 1000px 0 1000px #fff;
   .ant-row {
     text-align: center;
@@ -60,13 +41,14 @@ footer {
   .footer-wrap {
     position: relative;
     padding: 86px @padding-space 93px @padding-space;
+    border-bottom: 1px solid rgba(255, 255, 255, 0.25);
   }
   .bottom-bar {
-    border-top: 1px solid @border-color;
     text-align: right;
     padding: 16px @padding-space;
     margin: 0;
     line-height: 32px;
+    overflow: hidden;
     a {
       color: rgba(255, 255, 255, 0.65);
       &:hover {
@@ -77,4 +59,13 @@ footer {
       text-align: left;
     }
   }
+  a {
+    color: rgba(255, 255, 255, 0.9);
+  }
+  h2 {
+    color: rgba(255, 255, 255, 1);
+    & > span {
+      color: rgba(255, 255, 255, 1);
+    }
+  }
 }

site/theme/static/responsive.less

@@ -166,7 +166,8 @@
     .footer-wrap {
       padding: 40px;
       .ant-row {
-        >div {
+        padding: 0;
+        > div {
           &:nth-child(2),
           &:nth-child(4) {
             display: none;

site/theme/template/Home/index.jsx

@@ -42,29 +42,6 @@ function getStyle() {
       width: 50%;
       float: right;
     }
-    footer .footer-wrap{
-      width: 100%;
-      padding: 0;
-      border-bottom: 1px solid rgba(255, 255, 255, 0.25);
-    }
-    footer .footer-wrap .ant-row{
-      width: 100%;
-      max-width: 1200px;
-      padding: 86px 24px 93px 24px;
-      margin: auto;
-
-    }
-    footer .bottom-bar{
-      margin: auto;
-      max-width: 1200px;
-      padding: 16px 24px;
-      border-top: none;
-    }
-    @media only screen and (max-width: 768px) {
-      footer .footer-wrap .ant-row{
-        padding: 0;
-      }
-    }
   `;
 }
 

site/theme/template/Layout/Footer.jsx

@@ -84,7 +84,7 @@ class Footer extends React.Component {
 
   render() {
     return (
-      <footer id="footer" className="dark">
+      <footer id="footer">
         <div className="footer-wrap">
           <Row>
             <Col md={6} sm={24} xs={24}>