*-separated list items

[chharvey]

lists with list items to be [comma | en-dash | em-dash]-separated should have the classname in the list, not for each item. Instead of:

<ul class"List I">
    <li class="Item Mdash"> item 1 </li>
    <li class="Item Mdash"> item 2 </li>
    <li class="Item"> item 3 </li>
</ul>

use:

<ul class"List I Mdash">
    <li class="Item"> item 1 </li>
    <li class="Item"> item 2 </li>
    <li class="Item"> item 3 </li>
</ul>

Change the CSS to something involving .Item:not(:last-child) {}