Icon List

Icon lists are more dependentent upon HTML and CSS resets than other elements, particularly to control indents.

evo-icon-list

list item 1
list item 2
list item 3
no link 4

list item 1 DELETE ME AFTER TESTING
list item 2
list item 3
no link 4

<ul class="evo-icon-list list-icon-medium list-padding-14 text-size-7">
<li>list item 1</li>
<li>list item 2</li>
<li>list item 3</li>
</ul>

This removes the bullets from an unordered list and controls text styles, plus imports custom SVG icon images. Create a <ul> tag with the evo-icon-list class. Place <li> tags nested underneath. Variables can be adjusted in _evo_variables.scss

evo-icon-list-inverse

list item 1
list item 2
list item 3
no link 4

<ul class="evo-icon-list-inverse text-inverse">
<li>list item 1</li>
<li>list item 2</li>
<li>list item 3</li>
</ul>

This removes the bullets from an unordered list and controls text styles, plus imports custom SVG icon images. Create a <ul> tag with the evo-icon-list-inverse class. Place <li> tags nested underneath. Variables can be adjusted in _evo_variables.scss