update layout column code

1 files changed, 47 insertions, 45 deletions

diff --git a/src/layout.less b/src/layout.less
index 8fc17e0..769fd25 100644
--- a/src/layout.less
+++ b/src/layout.less
@@ -29,54 +29,56 @@
     display: flex;
   }
   .column {
-    &.col-12 {
-      flex: none;
-      width: 100%;
-    }
-    &.col-11 {
-      flex: none;
-      width: 91.66666667%;
-    }
-    &.col-10 {
-      flex: none;
-      width: 83.33333333%;
-    }
-    &.col-9 {
-      flex: none;
-      width: 75%;
-    }
-    &.col-8 {
-      flex: none;
-      width: 66.66666667%;
-    }
-    &.col-7 {
-      flex: none;
-      width: 58.33333333%;
-    }
-    &.col-6 {
-      flex: none;
-      width: 50%;
-    }
-    &.col-5 {
-      flex: none;
-      width: 41.66666667%;
-    }
-    &.col-4 {
-      flex: none;
-      width: 33.33333333%;
-    }
-    &.col-3 {
-      flex: none;
-      width: 25%;
-    }
-    &.col-2 {
-      flex: none;
-      width: 16.66666667%;
-    }
+    &.col-12,
+    &.col-11,
+    &.col-10,
+    &.col-9,
+    &.col-8,
+    &.col-7,
+    &.col-6,
+    &.col-5,
+    &.col-4,
+    &.col-3,
+    &.col-2,
     &.col-1 {
       flex: none;
-      width: 8.33333333%;
     }
   }
+  .col-12 {
+    width: 100%;
+  }
+  .col-11 {
+    width: 91.66666667%;
+  }
+  .col-10 {
+    width: 83.33333333%;
+  }
+  .col-9 {
+    width: 75%;
+  }
+  .col-8 {
+    width: 66.66666667%;
+  }
+  .col-7 {
+    width: 58.33333333%;
+  }
+  .col-6 {
+    width: 50%;
+  }
+  .col-5 {
+    width: 41.66666667%;
+  }
+  .col-4 {
+    width: 33.33333333%;
+  }
+  .col-3 {
+    width: 25%;
+  }
+  .col-2 {
+    width: 16.66666667%;
+  }
+  .col-1 {
+    width: 8.33333333%;
+  }
 }