From 568abc820dfaa4ef50660b8e828f20800d2853f2 Mon Sep 17 00:00:00 2001
From: Jonathan Reinink <jonathan@reinink.ca>
Date: Tue, 1 Aug 2017 14:18:53 -0400
Subject: [PATCH] Add more constrain helpers, and remove responsive versions.

---
 src/utilities/constrain.less | 24 +++++++++---------------
 1 file changed, 9 insertions(+), 15 deletions(-)

diff --git a/src/utilities/constrain.less b/src/utilities/constrain.less
index 30b564d8c..593e687d0 100644
--- a/src/utilities/constrain.less
+++ b/src/utilities/constrain.less
@@ -1,15 +1,9 @@
-.constrain-xs { max-width: 22rem; flex-basis: 22rem; }
-.constrain-sm { max-width: 26rem; flex-basis: 26rem; }
-.constrain-md { max-width: 32rem; flex-basis: 32rem; }
-.constrain-lg { max-width: 40rem; flex-basis: 40rem; }
-.constrain-xl { max-width: 48rem; flex-basis: 48rem; }
-.constrain-xxl { max-width: 52rem; flex-basis: 52rem; }
-
-.responsive({
-  &constrain-xs { .constrain-xs; }
-  &constrain-sm { .constrain-sm; }
-  &constrain-md { .constrain-md; }
-  &constrain-lg { .constrain-lg; }
-  &constrain-xl { .constrain-xl; }
-  &constrain-xxl { .constrain-xxl; }
-});
+.constrain-xs { max-width: 20rem; flex-basis: 20rem; }
+.constrain-sm { max-width: 30rem; flex-basis: 30rem; }
+.constrain-md { max-width: 40rem; flex-basis: 40rem; }
+.constrain-lg { max-width: 50rem; flex-basis: 50rem; }
+.constrain-xl { max-width: 60rem; flex-basis: 60rem; }
+.constrain-2xl { max-width: 70rem; flex-basis: 70rem; }
+.constrain-3xl { max-width: 80rem; flex-basis: 80rem; }
+.constrain-4xl { max-width: 90rem; flex-basis: 90rem; }
+.constrain-5xl { max-width: 100rem; flex-basis: 100rem; }