Update mixins.less

Add a the function .make-small-column. See also http://stackoverflow.com/a/17308128/1596547

1 files changed, 15 insertions, 1 deletions

diff --git a/less/mixins.less b/less/mixins.less
index 879836a8c..78574b368 100644
--- a/less/mixins.less
+++ b/less/mixins.less
@@ -474,7 +474,21 @@
   }
 }
 
-
+// Generate the small columns
+.make-small-column(@columns) {
+  position: relative;
+  float: left;
+  // Prevent columns from collapsing when empty
+  min-height: 1px;
+  // Inner gutter via padding
+  padding-left:  (@grid-gutter-width / 2);
+  padding-right: (@grid-gutter-width / 2);
+  @max : (@grid-float-breakpoint - 1 );
+  // Calculate width based on number of columns available
+  @media (max-width: @max) {
+    width: percentage((@columns / @grid-columns));
+  }
+}
 
 // Framework mixins
 // --------------------------------------------------