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

4b3a43e3 · Mark Otto · 2d5ab9a2 · 4b3a43e3
Commit 4b3a43e3 authored 11 years ago by Mark Otto
Hide whitespace changes
Inline Side-by-side

Showing

with 10 additions and 0 deletions
+10 -0
--- 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);
+}