Move screens to top of config file

Author: adamwathan

stubs/defaultConfig.stub.js

@@ -3,6 +3,12 @@ module.exports = {
   important: false,
   separator: ':',
   theme: {
+    screens: {
+      sm: '640px',
+      md: '768px',
+      lg: '1024px',
+      xl: '1280px',
+    },
     colors: {
       transparent: 'transparent',
 
@@ -120,12 +126,6 @@ module.exports = {
         900: '#702459',
       },
     },
-    screens: {
-      sm: '640px',
-      md: '768px',
-      lg: '1024px',
-      xl: '1280px',
-    },
     spacing: {
       px: '1px',
       '0': '0',
@@ -147,7 +147,6 @@ module.exports = {
       '56': '14rem',
       '64': '16rem',
     },
-
     backgroundColor: theme => theme('colors'),
     backgroundPosition: {
       bottom: 'bottom',