Merge branch 'jake-dohm-fix-list-reset-overwrite'

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,6 +44,7 @@ export default function(config) {
     css.walkAtRules('tailwind', atRule => {
       if (atRule.params === 'utilities') {
         const utilities = _.flatten([
+          lists(options),
           forms(options),
           textSizes(options),
           textWeights(options),
@@ -78,7 +79,6 @@ export default function(config) {
           pointerEvents(options),
           resize(options),
           cursor(options),
-          lists(options),
         ])
 
         atRule.before(container(options))