you can order a list of items by using the class .list
Normal ul:
ul with .list
<ul class="list">
<li class="item">
Lorem ipsum dolor
</li>
<li class="item">
Lorem ipsum dolor
</li>
<li class="item">
Lorem ipsum dolor
</li>
</ul>
You can add a hover animation by adding the class .hoverable
<ul class="list hoverable">
...
</ul>
If you want you can separate each list item by adding the class .list-separated
<ul class="list list-separated">
<li class="item">
Lorem ipsum dolor
</li>
<li class="item">
Lorem ipsum dolor
</li>
<li class="item">
Lorem ipsum dolor
</li>
</ul>
You can also add .list-border class in order to make list item bordered
<ul class="list list-border">
<li class="item">
Lorem ipsum dolor
</li>
<li class="item">
Lorem ipsum dolor
</li>
<li class="item">
Lorem ipsum dolor
</li>
</ul>