make mx-auto responsive a la #577

primer · Oct 16, 2018 · 96d1e4f · 96d1e4f
1 parent 2ebc81a
commit 96d1e4f
Showing 1 changed file with 6 additions and 6 deletions.
diff --git a/modules/primer-utilities/lib/margin.scss b/modules/primer-utilities/lib/margin.scss
@@ -43,11 +43,11 @@
         margin-bottom: $size !important;
       }
     }
-  }
-}
 
-/* Set an auto margin on left & right */
-.mx-auto {
-  margin-right: auto !important;
-  margin-left: auto !important;
+    /* responsive horizontal auto margins */
+    .mx#{$variant}-auto {
+      margin-right: auto !important;
+      margin-left: auto !important;
+    }
+  }
 }