{% load util_tags %}
<ul class="downloads">
    {% for item in instance.items %}
        <li class="reveal_self reveal reveal_animation data_delay_{{ forloop.counter0 }}">
            <a href="{{ item.url|media_bridge }}" target="_blank" class="download__item">
                <span class="download__item__file">
                    <span class="download__item__file__icon">{{ item.extension }}</span>
                </span>
                <span class="download__item__title">{{ item.label }}</span>
                <span class="download__item__description">
                    {% if item.description %}{{ item.description }}{% endif %}
                </span>
                <span class="downloads__item__tags">{% if item.tag_list %}{{ item.tag_list }}{% endif %}</span>
                <span class="download__item__icon">
                    {% include 'project/assets/download.svg' %}
                </span>
            </a>
        </li>
    {% endfor %}
</ul>