Merge pull request #199 from ant-design/fix-grid-line-style

fix grid line style

Author: linfaxin

components/grid/index.web.tsx

@@ -101,13 +101,15 @@ export default class Grid extends React.Component<GridProps, any> {
         }
         if (k * 2 + 1 < gridContentLength) {
           carouselContent.push(<div
+            className={`${prefixCls}-carousel-page`}
             key={`carouselitem-${k * 2 + 1}`}
           >
             {gridContent[k * 2]}
             {gridContent[k * 2 + 1]}
           </div>);
         } else {
           carouselContent.push(<div
+            className={`${prefixCls}-carousel-page`}
             key={`carouselitem-${k * 2}`}
           >
             {gridContent[k * 2]}

components/grid/style/index.less

@@ -34,6 +34,9 @@
     .@{flexPrefixCls} {
       position: relative;
       .hairline-bottom(@border-color-base);
+      &:last-child {
+        .hairline-remove-right-bottom();
+      }
       .@{flexPrefixCls}-item {
         position: relative;
         .hairline-right(@border-color-base);
@@ -42,6 +45,12 @@
         }
       }
     }
+    .@{gridPrefixCls}-carousel-page {
+      border-right: @border-width-sm solid @border-color-base;
+      &:first-child {
+        border-left: @border-width-sm solid @border-color-base;
+      }
+    }
   }
 
 }