diff --git a/src/generators.less b/src/generators.less
index 03a3e5607..959d466ab 100644
--- a/src/generators.less
+++ b/src/generators.less
@@ -1,5 +1,6 @@
 @import "generators/_helpers";
 @import "generators/_matching";
+@import "generators/_responsive";
 @import "generators/_utility-variants";
 
 @import "generators/backgrounds";
diff --git a/src/generators/_responsive.less b/src/generators/_responsive.less
new file mode 100644
index 000000000..0e6245eb8
--- /dev/null
+++ b/src/generators/_responsive.less
@@ -0,0 +1,23 @@
+.generate-responsive-variants(@ruleset, @screen, @min-width) {
+  @prefix: ~"@{screen}\:";
+
+  @media (min-width: @min-width) {
+    .@{prefix} { @ruleset(); };
+  }
+}
+
+.responsive(@ruleset; @i: 1) when (@i <= length(@screens)) and not (@screens = none) {
+  @screen: extract(@screens, @i);
+  @name: extract(@screen, 1);
+  @screen-width: extract(@screen, 2);
+
+  .generate-responsive-variants(@ruleset, @name, @screen-width);
+  .responsive(@ruleset, @i + 1);
+}
+
+.screen(@screen, @ruleset) {
+  .extract-match(@screens; @screen);
+  @media (min-width: @__match) {
+    @ruleset();
+  }
+}
diff --git a/src/utilities/misc.less b/src/utilities/misc.less
index 861b4e3a8..36421a607 100644
--- a/src/utilities/misc.less
+++ b/src/utilities/misc.less
@@ -1,27 +1,3 @@
-.generate-responsive-version(@ruleset, @screen, @min-width) {
-  @prefix: ~"@{screen}\:";
-
-  @media (min-width: @min-width) {
-    .@{prefix} { @ruleset(); };
-  }
-}
-
-.responsive(@ruleset; @i: 1) when (@i <= length(@screens)) {
-  @screen: extract(@screens, @i);
-  @name: extract(@screen, 1);
-  @screen-width: extract(@screen, 2);
-
-  .generate-responsive-version(@ruleset, @name, @screen-width);
-  .responsive(@ruleset, @i + 1);
-}
-
-.screen(@screen, @ruleset) {
-  .extract-match(@screens; @screen);
-  @media (min-width: @__match) {
-    @ruleset();
-  }
-}
-
 .no-focus {
   &:focus, &:active {
     outline: none;