Move list utilities to very top, fix tests

Author: adamwathan

__tests__/fixtures/tailwind-output.css

@@ -586,6 +586,12 @@ button,
   }
 }
 
+.list-reset {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+}
+
 .appearance-none {
   appearance: none;
 }
@@ -3534,18 +3540,18 @@ button,
   cursor: not-allowed;
 }
 
-.list-reset {
-  list-style: none;
-  margin: 0;
-  padding: 0;
-}
-
 .example {
   font-weight: 700;
   color: #e3342f;
 }
 
 @media (min-width: 576px) {
+  .sm\:list-reset {
+    list-style: none;
+    margin: 0;
+    padding: 0;
+  }
+
   .sm\:appearance-none {
     appearance: none;
   }
@@ -6494,19 +6500,19 @@ button,
     cursor: not-allowed;
   }
 
-  .sm\:list-reset {
-    list-style: none;
-    margin: 0;
-    padding: 0;
-  }
-
   .sm\:example {
     font-weight: 700;
     color: #e3342f;
   }
 }
 
 @media (min-width: 768px) {
+  .md\:list-reset {
+    list-style: none;
+    margin: 0;
+    padding: 0;
+  }
+
   .md\:appearance-none {
     appearance: none;
   }
@@ -9455,19 +9461,19 @@ button,
     cursor: not-allowed;
   }
 
-  .md\:list-reset {
-    list-style: none;
-    margin: 0;
-    padding: 0;
-  }
-
   .md\:example {
     font-weight: 700;
     color: #e3342f;
   }
 }
 
 @media (min-width: 992px) {
+  .lg\:list-reset {
+    list-style: none;
+    margin: 0;
+    padding: 0;
+  }
+
   .lg\:appearance-none {
     appearance: none;
   }
@@ -12416,19 +12422,19 @@ button,
     cursor: not-allowed;
   }
 
-  .lg\:list-reset {
-    list-style: none;
-    margin: 0;
-    padding: 0;
-  }
-
   .lg\:example {
     font-weight: 700;
     color: #e3342f;
   }
 }
 
 @media (min-width: 1200px) {
+  .xl\:list-reset {
+    list-style: none;
+    margin: 0;
+    padding: 0;
+  }
+
   .xl\:appearance-none {
     appearance: none;
   }
@@ -15377,12 +15383,6 @@ button,
     cursor: not-allowed;
   }
 
-  .xl\:list-reset {
-    list-style: none;
-    margin: 0;
-    padding: 0;
-  }
-
   .xl\:example {
     font-weight: 700;
     color: #e3342f;

src/lib/generateUtilities.js

@@ -44,8 +44,8 @@ export default function(config) {
     css.walkAtRules('tailwind', atRule => {
       if (atRule.params === 'utilities') {
         const utilities = _.flatten([
-          forms(options),
           lists(options),
+          forms(options),
           textSizes(options),
           textWeights(options),
           textFonts(options),