Fixes #7744: update grid mixin to use latest grid styles

diff --git a/less/mixins.less b/less/mixins.less
index eb8775975beb91ce5073871a12de27861041c19c..2323d1203192f0e55f573bace2c011a1269244ac 100644 (file)
--- a/less/mixins.less
+++ b/less/mixins.less
@@ -411,15 +411,20 @@
 }
 // Generate the columns
 .make-column(@columns) {
-  @media (min-width: @grid-float-breakpoint) {
-    // Calculate width based on number of columns available
-    width: percentage((@columns / @grid-columns));
-  }
+  position: relative;
+  // Float and set width: 100%; for easy stacking on mobile devices
+  float: left;
+  width: 100%;
   // 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);
+
+  // Calculate width based on number of columns available
+  @media (min-width: @grid-float-breakpoint) {
+    width: percentage((@columns / @grid-columns));
+  }
 }
 // Generate the column offsets
 .make-column-offset(@columns) {
@@ -437,16 +442,7 @@
     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);
-}
+