fix(list-spacing): move examples into tables for clarity

[Finishes #80077088] Signed-off-by: Bebe Peng <bpeng@pivotal.io>
pivotal-cf · Oct 23, 2014 · dc71e31 · dc71e31
1 parent d68b91c
commit dc71e31
Showing 1 changed file with 4 additions and 40 deletions.
diff --git a/src/pivotal-ui/components/whitespace.scss b/src/pivotal-ui/components/whitespace.scss
@@ -118,60 +118,41 @@ The classes are constructed by specifying `<type><location><size>`.
   </tbody>
 </table>
 
-#### Vertical Spacing Options
+### Vertical Spacing Options (`n` -> `xl`)
 
-##### None
-
-```haml_example
+```haml_example_table
 %ul.lvn
   %li
     feep
   %li
     fop
   %li
     meep
-```
-
-##### Small
 
-```haml_example
 %ul.lvs
   %li
     feep
   %li
     fop
   %li
     meep
-```
-
-##### Medium
 
-```haml_example
 %ul.lvm
   %li
     feep
   %li
     fop
   %li
     meep
-```
 
-##### Large
-
-```haml_example
 %ul.lvl
   %li
     feep
   %li
     fop
   %li
     meep
-```
-
-
-##### Extra Large
 
-```haml_example
 %ul.lvxl
   %li
     feep
@@ -181,59 +162,42 @@ The classes are constructed by specifying `<type><location><size>`.
     meep
 ```
 
-#### Horizontal Spacing Options
+### Horizontal Spacing Options (`n` -> `xl`)
 
-##### None
 
-```haml_example
+```haml_example_table
 %ul.list-inline.lhn
   %li
     feep
   %li
     fop
   %li
     meep
-```
-
-##### Small
 
-```haml_example
 %ul.list-inline.lhs
   %li
     feep
   %li
     fop
   %li
     meep
-```
-
-##### Medium
 
-```haml_example
 %ul.list-inline.lhm
   %li
     feep
   %li
     fop
   %li
     meep
-```
 
-##### Large
-
-```haml_example
 %ul.list-inline.lhl
   %li
     feep
   %li
     fop
   %li
     meep
-```
-
-##### Extra Large
 
-```haml_example
 %ul.list-inline.lhxl
   %li
     feep