Add small grid for phones and tablets

1 files changed, 10 insertions, 2 deletions

diff --git a/less/grid.less b/less/grid.less
index 1de1b15f6..8162d9940 100644
--- a/less/grid.less
+++ b/less/grid.less
@@ -12,20 +12,28 @@
 .row {
   .make-row();
 }
-[class*="col-span-"] {
+[class*="col-span-"],
+[class*="col-small-"] {
   position: relative;
   min-height: 1px;
   padding-left:  (@grid-gutter-width / 2);
   padding-right: (@grid-gutter-width / 2);
 }
 
+[class*="col-small-"] {
+  float: left;
+}
+.generate-small-grid-columns(@grid-columns);
+
 // Responsive: Tablets and up
 @media screen and (min-width: 768px) {
   .container {
     max-width: 728px;
   }
   // Generate the grid columns and offsets
-  [class*="col-span-"] { float: left; }
+  [class*="col-span-"] {
+    float: left;
+  }
   .generate-grid-columns(@grid-columns);
 }