From 7d0d9eb66b7b3682a64abffb5123388ab6847b29 Mon Sep 17 00:00:00 2001
From: mrmrs <hi@mrmrs.cc>
Date: Tue, 14 Feb 2017 02:57:27 +0000
Subject: [PATCH] Add responsive classes for centering elements with margin
 auto

---
 src/_utilities.css | 27 +++++++++++++++++++++++++++
 1 file changed, 27 insertions(+)

diff --git a/src/_utilities.css b/src/_utilities.css
index 2589ed7..74fc9c9 100644
--- a/src/_utilities.css
+++ b/src/_utilities.css
@@ -2,8 +2,14 @@
 
    UTILITIES
 
+   Media Query Extensions:
+     -ns = not-small
+     -m  = medium
+     -l  = large
+
 */
 
+/* Equivalent to .overflow-y-scroll */
 .overflow-container {
   overflow-y: scroll;
 }
@@ -12,3 +18,24 @@
   margin-right: auto;
   margin-left: auto;
 }
+
+@media (--breakpoint-not-small){
+  .center-ns {
+    margin-right: auto;
+    margin-left: auto;
+  }
+}
+
+@media (--breakpoint-medium){
+  .center-m {
+    margin-right: auto;
+    margin-left: auto;
+  }
+}
+
+@media (--breakpoint-large){
+  .center-l {
+    margin-right: auto;
+    margin-left: auto;
+  }
+}