Make column classes less verbose

.cols shorthand for .columns
[class~="col-"] Removes the need to add 'column' to the column class attribute

1 files changed, 2 insertions, 0 deletions

diff --git a/src/_layout.scss b/src/_layout.scss
index 1f6b77c..e6bad9a 100644
--- a/src/_layout.scss
+++ b/src/_layout.scss
@@ -39,6 +39,7 @@
 }
 
 // Responsive grid system
+.cols,
 .columns {
   display: flex;
   flex-wrap: wrap;
@@ -59,6 +60,7 @@
     overflow-x: auto;
   }
 }
+[class~="col-"],
 .column {
   flex: 1;
   max-width: 100%;