<div class="row row-cols-4 row-cols-md-6 g-3 g-md-4">
	{%- for color in include.colors -%}
	<div class="col-2 text-center">
		<div class="p-6 rounded border" style="background-color: var({{ color[1].prop }});"></div>
		<div class="small">{{ color[1].title }}</div>
	</div>
	{% endfor -%}
</div>