Fixes #11829: Adds .make-xs-column mixins

a319ec5b · Mark Otto · 9a8e6195 · a319ec5b
Commit a319ec5b authored Dec 15, 2013 by Mark Otto
Hide whitespace changes
Inline Side-by-side

Showing with 15 additions and 0 deletions

less/mixins.less less/mixins.less +15 -0

No files found.
--- a/less/mixins.less
+++ b/less/mixins.less
@@ -642,6 +642,21 @@
  padding-left:  (@gutter / 2);
  padding-right: (@gutter / 2);
 }
+.make-xs-column-offset(@columns) {
+  @media (min-width: @screen-xs-min) {
+    margin-left: percentage((@columns / @grid-columns));
+  }
+}
+.make-xs-column-push(@columns) {
+  @media (min-width: @screen-xs-min) {
+    left: percentage((@columns / @grid-columns));
+  }
+}
+.make-xs-column-pull(@columns) {
+  @media (min-width: @screen-xs-min) {
+    right: percentage((@columns / @grid-columns));
+  }
+}


 // Generate the small columns