Optimise breakpoint order

sass/base/helpers.sass

@@ -5,26 +5,26 @@ $displays: 'block' 'flex' 'inline' 'inline-block' 'inline-flex'
 @each $display in $displays
   .is-#{$display}
     display: #{$display}
-  .is-#{$display}-mobile
-    +mobile
+  +mobile
+    .is-#{$display}-mobile
       display: #{$display} !important
-  .is-#{$display}-tablet
-    +tablet
+  +tablet
+    .is-#{$display}-tablet
       display: #{$display} !important
-  .is-#{$display}-tablet-only
-    +tablet-only
+  +tablet-only
+    .is-#{$display}-tablet-only
       display: #{$display} !important
-  .is-#{$display}-touch
-    +touch
+  +touch
+    .is-#{$display}-touch
       display: #{$display} !important
-  .is-#{$display}-desktop
-    +desktop
+  +desktop
+    .is-#{$display}-desktop
       display: #{$display} !important
-  .is-#{$display}-desktop-only
-    +desktop-only
+  +desktop-only
+    .is-#{$display}-desktop-only
       display: #{$display} !important
-  .is-#{$display}-widescreen
-    +widescreen
+  +widescreen
+    .is-#{$display}-widescreen
       display: #{$display} !important
 
 // Float