Col: fix a bug when col xs and md/lg/xl exist in the same time, xs's …

…display:none would still effect.
ElemeFE · Nov 14, 2020 · 2dda8c9 · 2dda8c9
1 parent a2683e9
commit 2dda8c9
Showing 1 changed file with 6 additions and 0 deletions.
diff --git a/packages/theme-chalk/src/col.scss b/packages/theme-chalk/src/col.scss
@@ -12,6 +12,7 @@
 
 @for $i from 0 through 24 {
   .el-col-#{$i} {
+    display: inherit;
     width: (1 / 24 * $i * 100) * 1%;
   }
 
@@ -36,6 +37,7 @@
   }
   @for $i from 0 through 24 {
     .el-col-xs-#{$i} {
+      display: inherit;
       width: (1 / 24 * $i * 100) * 1%;
     }
 
@@ -61,6 +63,7 @@
   }
   @for $i from 0 through 24 {
     .el-col-sm-#{$i} {
+      display: inherit;
       width: (1 / 24 * $i * 100) * 1%;
     }
 
@@ -86,6 +89,7 @@
   }
   @for $i from 0 through 24 {
     .el-col-md-#{$i} {
+      display: inherit;
       width: (1 / 24 * $i * 100) * 1%;
     }
 
@@ -111,6 +115,7 @@
   }
   @for $i from 0 through 24 {
     .el-col-lg-#{$i} {
+      display: inherit;
       width: (1 / 24 * $i * 100) * 1%;
     }
 
@@ -136,6 +141,7 @@
   }
   @for $i from 0 through 24 {
     .el-col-xl-#{$i} {
+      display: inherit;
       width: (1 / 24 * $i * 100) * 1%;
     }