Blockquote component


<blockquote class="blockquote{% if variant %} {{variant}}{% endif %}" tabindex="0">
    {% include partial with params %}
</blockquote>
        
{% include '../../components/molecules/blockquote.html' with {
    variant: 'dark',
    partial: '../../components/partials/feedback/nick-mustoe.html'
}%}


Fluid Filter Grid


<div class="filter__wrapper{% if variant %} {{variant}}{% endif %}">
	{% if filter %}
	<div class="mobile-filter-trigger">{{mobile}}>/div>
	<div class="filter-clone">/div>
	<div class="filter-box">
	    <ul class="sort">
	        <li><a href="#"data-filter="*" class="active">{{all}}</a></li>
	        {% for items in sort %}
	        <li><a href="#"data-filter=".cat-{{ loop.key }}">{{items.cat}}</a></li>
	        {% endfor %}
	    </ul>
	</div>
	{% endif %}
	<ul class="gallery lightbox {{columns}}-col">
		{% for item in content %}
	    <li class="cat-{{item.cat}}">
	    	<div class="inner">
		    	{% if item.text %}
				<p>{{item.text}}</p>
				{% endif %}

				{% if item.image %}
				{% include "../../components/atoms/image-light-box.html" with {
				    source: item.source,
				    alt: item.alt
				    
				} %}
				{% endif %}
				{% if item.content %}
					{% include item.partial with item.params %}
				{% endif %}

				{% if item.blockquote %}
				<blockquote class="blockquote{% if item.variant %} {{item.variant}}{% endif %}" tabindex="0">
					{% include item.partial with item.params %}
				</blockquote>
				{% endif %}
	    	</div>
	    </li>
	    {% endfor %}
	</ul>
</div>


{% include '../../components/organisms/filter.html' with {
	variant: 'dark',
	filter: true,
	mobile: "Filter",
	all: "All",
	sort: [
		{
			cat: "Light"
		},
		{
			cat: "Mid"
		},
		{
			cat: "Dark"
		}
	],
	columns: "three",
	content: [
		{
			blockquote: true,
	    	variant: 'light',
	    	cat: '0',
	        partial: "../../components/partials/feedback/example.html"
		},
		{
			blockquote: true,
	    	variant: 'mid',
	    	cat: '1',
	        partial: "../../components/partials/feedback/example.html"
		},
		{
			blockquote: true,
	    	variant: 'dark',
	    	cat: '2',
	        partial: "../../components/partials/feedback/example.html"
		}
	]
}%}