{# ========================================================================= #}
{# :: Imports #}
{# ========================================================================= #}

{# ========================================================================= #}
{# :: Default #}
{# ========================================================================= #}
{% macro default(classes, items) %}

<ul class="m-list {{classes}}">
  {% for item in items %}

    <li>{{item | safe}}</li>

  {% endfor %}
</ul>

{% endmacro %}

{# ========================================================================= #}
{# :: With Icons #}
{# ========================================================================= #}
{% macro withIcons(classes, data) %}

<ul class="m-list m-list--with-icons {{classes}}">
  {% for item in data.items %}

    <li class="m-list__item {{item.classes}} {{data.icon}}">{{item.text or item | safe}}</li>

  {% endfor %}
</ul>

{% endmacro %}

{# ========================================================================= #}
{# :: Description list #}
{# ========================================================================= #}
{% macro definition(classes, items) %}

<dl class="m-list m-list--definition {{classes}}">
  {% for item in items %}

    <dt class="m-list__term">{{item.term | safe}}</dt>
    <dd class="m-list__data">{{item.value | safe}}</dd>

  {% endfor %}
</dl>

{% endmacro %}

{# ========================================================================= #}
{# :: Grid #}
{# ========================================================================= #}
{% macro definitionGrid(classes, items) %}

<ul class="m-list m-list--definition-grid {{classes}}">
  {% for item in items %}

   <li class="m-list__item">
      <span class="m-list__term">{{item.term | safe}}</span>

      <span class="m-list__data">{{item.value | safe}}</span>
   </li>

  {% endfor %}
</ul>

{% endmacro %}