View on GitHub

Icon lists

Use an icon list to place custom icons next to a list of items.

On this page

Examples

✓ Single
✓ Taken
✓ Pokémon Master

html

<ul class="list-icon">
  <li>
    <span class="icon">✓</span>
    Single
  </li>
  <li>
    <span class="icon">✓</span>
    Taken
  </li>
  <li class="active">
    <span class="icon">✓</span>
    Pokémon Master
  </li>
</ul>

CSS

Sass variables

$list-icon-padding-left: $spacer * 1.6;