From 1e78cd398e155cc67351bbf6cb0be453f3476462 Mon Sep 17 00:00:00 2001
From: Sophie Shepherd <sophshep@github.com>
Date: Mon, 15 Oct 2018 15:44:45 -0500
Subject: [PATCH] responsive mx-auto

---
 modules/primer-utilities/lib/margin.scss | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/modules/primer-utilities/lib/margin.scss b/modules/primer-utilities/lib/margin.scss
index 3e421cdcf8..b4687ff2e2 100644
--- a/modules/primer-utilities/lib/margin.scss
+++ b/modules/primer-utilities/lib/margin.scss
@@ -70,6 +70,12 @@
       /* Set a negative #{$size} margin on the left at the breakpoint #{$breakpoint} */
       .ml-#{$breakpoint}-n#{$scale} { margin-left  : -#{$size} !important; }
 
+      /* Set an auto margin on left & right at the breakpoint #{$breakpoint} */
+      .mx-#{$breakpoint}-auto {
+        margin-right: auto !important;
+        margin-left: auto !important;
+      }
+
       /* Set a #{$size} margin on the left & right at the breakpoint #{$breakpoint} */
       .mx-#{$breakpoint}-#{$scale} {
         margin-right: #{$size} !important;