EvoToolkit - v3.7.2 (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