fix(lists): better class name and documentation ordering

pivotal-cf · Mar 14, 2016 · c870f4e · c870f4e
1 parent 315c7e0
commit c870f4e
Showing 1 changed file with 30 additions and 38 deletions.
diff --git a/src/pivotal-ui/components/lists/lists.scss b/src/pivotal-ui/components/lists/lists.scss
@@ -156,6 +156,23 @@ parent: list
 </ul>
 ```
 
+Use a different type of bullet in an unordered list (`<ul>`) with `list-unordered-alt`.
+
+```html_example
+<ul class="list-unordered-alt">
+  <li>
+    feep
+  </li>
+  <li>
+    fop
+  </li>
+  <li>
+    meep
+  </li>
+</ul>
+```
+
+
 */
 
 .list-unordered {
@@ -166,6 +183,19 @@ parent: list
   }
 }
 
+.list-unordered-alt {
+  list-style: none;
+  padding: 0px;
+}
+
+.list-unordered-alt li:before
+{
+  content: '\2022';
+  margin-right: 15px;
+  position: relative;
+  top: -1px;
+}
+
 /*doc
 ---
 title: Indentation
@@ -225,44 +255,6 @@ Places all list items on a single line with `display: inline-block;` and some li
 ```
 */
 
-/*doc
----
-title: Bullet sizes
-name: list_05_bullets
-parent: list
----
-
-Uses tiny bullets in an unordered list (`<ul>`) with `list-style-tiny`.
-
-```html_example
-<ul class="list-style-tiny">
-  <li>
-    feep
-  </li>
-  <li>
-    fop
-  </li>
-  <li>
-    meep
-  </li>
-</ul>
-```
-
-*/
-
-.list-style-tiny {
-  list-style: none;
-  padding: 0px;
-}
-
-.list-style-tiny li:before
-{
-  content: '\2022';
-  margin-right: 15px;
-  position: relative;
-  top: -1px;
-}
-
 /*doc
 ---
 title: Inline Divider