Add list-reset utility

css/preflight.css

@@ -68,13 +68,6 @@ iframe {
   border: 0;
 }
 
-ol,
-ul {
-  list-style: none;
-  margin: 0;
-  padding: 0;
-}
-
 /**
  * Suppress the focus outline on elements that cannot be accessed via keyboard.
  * This prevents an unwanted focus outline from appearing around elements that

dist/tailwind.css

@@ -514,13 +514,6 @@ iframe {
   border: 0;
 }
 
-ol,
-ul {
-  list-style: none;
-  margin: 0;
-  padding: 0;
-}
-
 /**
  * Suppress the focus outline on elements that cannot be accessed via keyboard.
  * This prevents an unwanted focus outline from appearing around elements that
@@ -3199,6 +3192,12 @@ button,
   cursor: not-allowed;
 }
 
+.list-reset {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+}
+
 @media (min-width: 576px) {
   .sm\:appearance-none {
     appearance: none;
@@ -5808,6 +5807,12 @@ button,
   .sm\:cursor-not-allowed {
     cursor: not-allowed;
   }
+
+  .sm\:list-reset {
+    list-style: none;
+    margin: 0;
+    padding: 0;
+  }
 }
 
 @media (min-width: 768px) {
@@ -8419,6 +8424,12 @@ button,
   .md\:cursor-not-allowed {
     cursor: not-allowed;
   }
+
+  .md\:list-reset {
+    list-style: none;
+    margin: 0;
+    padding: 0;
+  }
 }
 
 @media (min-width: 992px) {
@@ -11030,6 +11041,12 @@ button,
   .lg\:cursor-not-allowed {
     cursor: not-allowed;
   }
+
+  .lg\:list-reset {
+    list-style: none;
+    margin: 0;
+    padding: 0;
+  }
 }
 
 @media (min-width: 1200px) {
@@ -13641,6 +13658,12 @@ button,
   .xl\:cursor-not-allowed {
     cursor: not-allowed;
   }
+
+  .xl\:list-reset {
+    list-style: none;
+    margin: 0;
+    padding: 0;
+  }
 }
 
 /*# sourceMappingURL=tailwind.css.map */

docs/source/_layouts/master.blade.php

@@ -102,6 +102,7 @@
                                         <li class="mb-2"><a href="{{ $page->baseUrl }}/styles/interactivity/user-select" class="{{ $page->active('/user-select') ? 'text-dark text-medium' : 'text-dark-soft' }}">User Select</a></li>
                                     </ul>
                                 </li>
+                                <li class="mb-2"><a href="{{ $page->baseUrl }}/styles/lists" class="{{ $page->active('/lists') ? 'text-dark text-medium' : 'text-dark-soft' }}">Lists</a></li>
                                 <li class="mb-2"><a href="{{ $page->baseUrl }}/styles/opacity" class="{{ $page->active('/opacity') ? 'text-dark text-medium' : 'text-dark-soft' }}">Opacity</a></li>
                                 <li class="mb-2"><a href="{{ $page->baseUrl }}/styles/overflow" class="{{ $page->active('/overflow') ? 'text-dark text-medium' : 'text-dark-soft' }}">Overflow</a></li>
                                 <li class="mb-2"><a href="{{ $page->baseUrl }}/styles/positioning" class="{{ $page->active('/positioning') ? 'text-dark text-medium' : 'text-dark-soft' }}">Positioning</a></li>

docs/source/styles/lists.md

@@ -0,0 +1,16 @@
+---
+extends: _layouts.markdown
+title: "Lists"
+---
+
+# Lists
+
+<div class="subnav">
+    <a class="subnav-link" href="#usage">Usage</a>
+    <a class="subnav-link" href="#responsive">Responsive</a>
+    <a class="subnav-link" href="#customizing">Customizing</a>
+</div>
+
+Include documentation around:
+
+- `list-reset` helper

src/generators/lists.js

@@ -0,0 +1,11 @@
+import defineClasses from '../util/defineClasses'
+
+export default function() {
+  return defineClasses({
+    'list-reset': {
+      'list-style': 'none',
+      'margin': '0',
+      'padding': '0',
+    },
+  })
+}

src/lib/generateUtilities.js

@@ -12,6 +12,7 @@ import cursor from '../generators/cursor'
 import display from '../generators/display'
 import flex from '../generators/flex'
 import floats from '../generators/floats'
+import lists from '../generators/lists'
 import opacity from '../generators/opacity'
 import overflow from '../generators/overflow'
 import pointerEvents from '../generators/pointerEvents'
@@ -75,6 +76,7 @@ export default function(options) {
           pointerEvents(options),
           resize(options),
           cursor(options),
+          lists(options),
         ])
 
         atRule.before(container(options))