3.1 #permalink .list

Toggle example guides Toggle HTML markup

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
  • Item
  • Item
  • Item
.list--loweralpha
Change the bullet points to lower alphabetic characters
  • Item
  • Item
  • Item
.list--upperalpha
Change the bullet points to upper alphabetic characters
  • Item
  • Item
  • Item
.list--numeric
Change the bullet points into numeric values
  • Item
  • Item
  • Item
.list--nobullets
Removes the bullet points
  • Item
  • Item
  • Item
.list--inline
Sets the items inline and removes the bullet points
  • Item
  • Item
  • Item
Markup 
<ul class="list {modifiers}">
    <li>Item</li>
    <li>Item</li>
    <li>Item</li>
</ul>
Source: list/css/list.css, line 9