EvoToolkit - v2.3.0 (Changelog)

List

A simple decorated list component which uses Evolution Funding brand motifs.

Source

Contributors

Luke Harrison
  • Overview
  • Theming

Base

Standard

  • List Item
  • List Item
  • List Item
    • List Item
    • List Item
    • List Item
  • List Item
  • List Item
<ul class="c-list"> <li>List Item</li> <li>List Item</li> <li> List Item <ul class="c-list"> <li>List Item</li> <li>List Item</li> <li>List Item</li> </ul> </li> <li>List Item</li> <li>List Item</li> </ul>

Label

  • Label: List Item
  • Label: List Item
  • Label: List Item
  • Label: List Item
<ul class="c-list"> <li><span class="c-list__label">Label:</span> List Item</li> <li><span class="c-list__label">Label:</span> List Item</li> <li><span class="c-list__label">Label:</span> List Item</li> <li><span class="c-list__label">Label:</span> List Item</li> </ul>

You can theme the list component to make it fit your brand. For more information on theming EvoToolkit, please see Configuring EvoToolkit.

Below is a list of theme variables and their default values.

Theme Variables

Theme Variables Default
$component-list-bullet-color primary