List

Our standard list is just plain ol' bullets

.c-list

<ul class="c-list ">
  <li>Bacon</li>
  <li>Eggs</li>
  <li>Cheese</li>
  <li>Potato</li>
</ul>

<ol class="c-list ">
  <li>Bacon</li>
  <li>Eggs</li>
  <li>Cheese</li>
  <li>Potato</li>
</ol>

Repo	Count	Location(s)
texastribune	9	List _list.scss CaretList.jsx tag_list.html HeadlineList.jsx read_more.html story_block_featured.html data_explorers_list.html privacy_policy.html index.html

.c-list--hoverable

Bullets become yellow on hover; best used for a list of links maybe.

<ul class="c-list c-list--hoverable">
  <li>Bacon</li>
  <li>Eggs</li>
  <li>Cheese</li>
  <li>Potato</li>
</ul>

<ol class="c-list c-list--hoverable">
  <li>Bacon</li>
  <li>Eggs</li>
  <li>Cheese</li>
  <li>Potato</li>
</ol>

This class isn't referenced anywhere

.c-list--indented

Lists used in the context of an article

<ul class="c-list c-list--indented">
  <li>Bacon</li>
  <li>Eggs</li>
  <li>Cheese</li>
  <li>Potato</li>
</ul>

<ol class="c-list c-list--indented">
  <li>Bacon</li>
  <li>Eggs</li>
  <li>Cheese</li>
  <li>Potato</li>
</ol>

This class isn't referenced anywhere