diff --git a/src/utilities/constrain.less b/src/utilities/constrain.less
index 593e687d0..6a19b9d94 100644
--- a/src/utilities/constrain.less
+++ b/src/utilities/constrain.less
@@ -7,3 +7,15 @@
 .constrain-3xl { max-width: 80rem; flex-basis: 80rem; }
 .constrain-4xl { max-width: 90rem; flex-basis: 90rem; }
 .constrain-5xl { max-width: 100rem; flex-basis: 100rem; }
+
+.responsive({
+  &constrain-xs { .constrain-xs; }
+  &constrain-sm { .constrain-sm; }
+  &constrain-md { .constrain-md; }
+  &constrain-lg { .constrain-lg; }
+  &constrain-xl { .constrain-xl; }
+  &constrain-2xl { .constrain-2xl; }
+  &constrain-3xl { .constrain-3xl; }
+  &constrain-4xl { .constrain-4xl; }
+  &constrain-5xl { .constrain-5xl; }
+});