diff --git a/src/utilities/flex.less b/src/utilities/flex.less
index e4acba06b..49a14aa25 100644
--- a/src/utilities/flex.less
+++ b/src/utilities/flex.less
@@ -4,6 +4,7 @@
 .flex-col {
   display: flex;
   flex-direction: column;
+
   .flex-reverse {
     flex-direction: column-reverse;
   }
@@ -50,3 +51,21 @@
 
 .flex-reverse { flex-direction: row-reverse; }
 .flex-wrap { flex-wrap: wrap; }
+
+.responsive({
+  &flex { .flex; }
+  &flex-top { .flex-top; }
+  &flex-col { .flex-col; }
+  &flex-center { .flex-center; }
+  &flex-y-center { .flex-y-center; }
+  &flex-y-end { .flex-y-end; }
+  &flex-y-baseline { .flex-y-baseline; }
+  &flex-right { .flex-right; }
+  &flex-spaced { .flex-spaced; }
+  &flex-around { .flex-around; }
+  &flex-fill { .flex-fill; }
+  &flex-no-shrink { .flex-no-shrink; }
+  &flex-inline { .flex-inline; }
+  &flex-reverse { .flex-reverse; }
+  &flex-wrap { .flex-wrap; }
+});