From: Mark Otto <markdotto@gmail.com>
Date: Sun, 25 Dec 2016 02:11:43 +0000 (-0800)
Subject: responsive auto margin classes
X-Git-Tag: v4.0.0-alpha.6~187
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=4f85513608d16e0ffe5fae952c28cf1a99da8b75;p=thirdparty%2Fbootstrap.git

responsive auto margin classes
---

diff --git a/scss/utilities/_spacing.scss b/scss/utilities/_spacing.scss
index 1f0d77ff09..8750bb65b6 100644
--- a/scss/utilities/_spacing.scss
+++ b/scss/utilities/_spacing.scss
@@ -15,14 +15,6 @@
 
 // Margin and Padding
 
-.mx-auto {
-  margin-right: auto !important;
-  margin-left:  auto !important;
-}
-
-.mr-auto { margin-right: auto !important; }
-.ml-auto { margin-left: auto !important; }
-
 @each $breakpoint in map-keys($grid-breakpoints) {
   @each $prop, $abbrev in (margin: m, padding: p) {
     @each $size, $lengths in $spacers {
@@ -48,6 +40,19 @@
       }
     }
   }
+
+  // Some special margin utils
+  @include media-breakpoint-up($breakpoint) {
+    $infix: breakpoint-infix($breakpoint, $grid-breakpoints);
+    .mx#{$infix}-auto {
+      margin-right: auto !important;
+      margin-left:  auto !important;
+    }
+    .mt#{$infix}-auto { margin-top: auto !important; }
+    .mr#{$infix}-auto { margin-right: auto !important; }
+    .mb#{$infix}-auto { margin-bottom: auto !important; }
+    .ml#{$infix}-auto { margin-left: auto !important; }
+  }
 }
 
 // Positioning