From 3b4c44fc1b8b770e279e9fc9de417caf8f36a9bf Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9D=A8=E5=A5=95?=
 <Leopoldthecoder@users.noreply.github.com>
Date: Fri, 17 Mar 2017 11:43:39 +0800
Subject: [PATCH] Col: hide cols with xs/sm/md/lg assigned to 0 (#3564)

---
 packages/theme-default/src/col.css | 12 ++++++++++++
 1 file changed, 12 insertions(+)

diff --git a/packages/theme-default/src/col.css b/packages/theme-default/src/col.css
index 89c46e2d6..ddb4f23c0 100644
--- a/packages/theme-default/src/col.css
+++ b/packages/theme-default/src/col.css
@@ -27,6 +27,9 @@
 }
 
 @media (max-width: 768px) {
+  .el-col-xs-0 {
+    display: none;
+  }
   @for $i from 1 to 24 {
     .el-col-xs-$i {
       width: calc(1 / 24 * $(i) * 100)%;
@@ -46,6 +49,9 @@
 }
 
 @media (min-width: 768px) {
+  .el-col-sm-0 {
+    display: none;
+  }
   @for $i from 1 to 24 {
     .el-col-sm-$i {
       width: calc(1 / 24 * $(i) * 100)%;
@@ -64,6 +70,9 @@
   }
 }
 @media (min-width: 992px) {
+  .el-col-md-0 {
+    display: none;
+  }
   @for $i from 1 to 24 {
     .el-col-md-$i {
       width: calc(1 / 24 * $(i) * 100)%;
@@ -82,6 +91,9 @@
   }
 }
 @media (min-width: 1200px) {
+  .el-col-lg-0 {
+    display: none;
+  }
   @for $i from 1 to 24 {
     .el-col-lg-$i {
       width: calc(1 / 24 * $(i) * 100)%;