Add u-listReset

Author: simonsmith

README.md

@@ -13,6 +13,7 @@ SUIT CSS list utilities
 
 ## Available classes
 
+* `u-listReset` - Remove default margin and padding
 * `u-listIndent` - Set the left indent. Default is `40px` as found in browser
   defaults
 * `u-listNone` - Remove list style

lib/list.css

@@ -6,6 +6,17 @@
   --list-indentSize: 40px;
 }
 
+/*
+ * Remove browser default margin and padding. Useful for setting a base
+ * on components (e.g navigation) when a reset like suitcss-base is not in use.
+ */
+
+.u-listReset {
+  margin-bottom: 0;
+  margin-top: 0;
+  padding-left: 0;
+}
+
 /*
  * Set the left indent. Browser default is 40px
  */

test/index.html

@@ -14,6 +14,22 @@
 <div class="Test">
   <h1 class="Test-title">SUIT CSS: <a href="https://github.com/simonsmith/suit-utils-flex">list</a> tests</h1>
 
+  <h2 class="Test-describe">.u-listReset</h2>
+  <h3 class="Test-it">it should remove default margin and padding on parent list</h3>
+  <div class="Test-run dev-highlight">
+    <ul class="u-listReset">
+      <li>ul item 1</li>
+      <li>ul item 2</li>
+      <li>
+        <ul>
+          <li>&gt; ul item 1</li>
+          <li>&gt; ul item 2</li>
+        </ul>
+      </li>
+      <li>ul item 3</li>
+    </ul>
+  </div>
+
   <h2 class="Test-describe">.u-listNone</h2>
   <h3 class="Test-it">it should not render any list style on parent list</h3>
   <div class="Test-run dev-highlight">