List Play

Playful features and effects for lists for use in experimenting and generating new ideas for your project. Not recommended in production.

list-bullet

list item 1
list item 2
list item 3

list item 1
list item 2
list item 3

list item 1
list item 2
list item 3

list item 1
list item 2
list item 3

list item 1
list item 2
list item 3

list item 1
list item 2
list item 3

list item 1
list item 2
list item 3

list item 1
list item 2
list item 3

list item 1
list item 2
list item 3

list item 1
list item 2
list item 3

list item 1
list item 2
list item 3

list item 1
list item 2
list item 3

list item 1
list item 2
list item 3

list item 1
list item 2
list item 3

list item 1
list item 2
list item 3

<ul class="evo-list-bullet>
<li>list item 1</li>
<li>list item 2</li>
<li>list item 3</li>
</ul>

This is a <ul> list with customized bullets. Bullet colors can bullet symbol character can be customized. Create a <ul> tag that contains <li> tags, and apply the evo-list-bullet class. Add the list-snowflake class to the <ul> to change the symbol character. Use the list-bullet-gray class make the bullets look more neutral. List variables can be adjusted in _variables.scss