Col: hide cols with xs/sm/md/lg assigned to 0 (#3564)

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)%;