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

	{% if data.grid == "fullwidth" %}
		{% set grid = 12 %}
	{% elseif data.grid == "grid2columns" %}
		{% set grid = 6 %}
	{% elseif data.grid == "grid3columns" %}
		{% set grid = 4 %}
	{% endif %}

	<div class="bp-c-gallery bp-l-grid bp-l-grid--with-spacing">
		{% for item in data.items %}

			<div class="bp-c-gallery__item bp-l-grid__col {{'bp-l-grid__col--' + grid + '@viewport-7' if grid}}">
				<img class="bp-c-gallery__image" src="{{item.path.large}}" alt="{{item.name}}" title="{{item.name}}" />
			</div>

		{% endfor %}
	</div>

{% endmacro %}