Fixes #7591: add .make-small-column() mixin

1 files changed, 10 insertions, 0 deletions

diff --git a/less/mixins.less b/less/mixins.less
index 3099e9bef..de054784d 100644
--- a/less/mixins.less
+++ b/less/mixins.less
@@ -438,6 +438,16 @@
     right: percentage((@columns / @grid-columns));
   }
 }
+// Small, mobile-first columns
+.make-small-column(@columns) {
+  position: relative;
+  float: left;
+  // Prevent columns from collapsing when empty
+  min-height: 1px;
+  // Set inner padding as gutters instead of margin
+  padding-left:  (@grid-gutter-width / 2);
+  padding-right: (@grid-gutter-width / 2);
+}