{# ========================================================================= #}
{# :: Inheritance #}
{# ========================================================================= #}
{% extends "brandplatform/base/extends/component/page.njk" %}

{# ========================================================================= #}
{# :: Info #}
{# ========================================================================= #}
{% set info %}

A standard way of visualising a list of elements. This can be either a list of
textual items or a list of links.

{% endset %}

{# ========================================================================= #}
{# :: Modifiers #}
{# ========================================================================= #}
{% set modifiers %}

- m-list--no-type

  By default a list contains butllets to represent each separate element,
  this modifier removes these bullets.

- m-list--definition

  Used in combination with a `<dl>` or definition list, this will make sure
  that the term is placed on the left and the data is placed on the right.

- m-list--definition-grid

  Used in combination with a `<dl>` or definition list in a grid

- m-list--small

  Decrease the font size of each list item from its default font-size.

- m-list--with-icons

  Modifier of the default list which allows for icons to be defined on each `<li>` element.

- m-list__item--bold

  Modifier applied to an item of a list to make sure the text is rendered bold

{% endset %}

{# ========================================================================= #}
{# :: States #}
{# ========================================================================= #}
{# {% set states %}

{% endset %} #}