3 #permalink Lists

Source: list/css/list.css, line 1

3.1 #permalink .list

Styles for various common list element use cases. The povided bullet point modifier classes continue to work for nested lists up to the third level

Examples

Default styling

.list--loweralpha

Change the bullet points to lower alphabetic characters

.list--upperalpha

Change the bullet points to upper alphabetic characters

.list--numeric

Change the bullet points into numeric values

.list--nobullets

Removes the bullet points

.list--inline

Sets the items inline and removes the bullet points

Markup

<ul class="list {modifiers}">
    <li>Item</li>
    <li>Item</li>
    <li>Item</li>
</ul>

Source: list/css/list.css, line 9

Mark li elements or other structures as a list item

Examples

Default styling

:first-child

Removes the top margin of the first item

:last-child

Removes the bottom margin of the last item

Markup

<ul class="list">
    <li class="list_item">Item</li>
    <li class="list_item">Item</li>
    <li class="list_item">Item</li>
</ul>

Source: list/css/list.css, line 64