{% import '@helpers' as h %}
{# <div class="c-clients md:grid relative" data-behaviour="CycleLogos">
{% for client in clients %}
<div data-cycle-item class="absolute pin md:relative c-clients__item p-2 trans trans-opacity {% if loop.index0 == 0 %}is-current{% endif %}">
<a href="{{ client.url }}" class="flex items-center justify-center">
{{ h.srcset(client.image, 'mx-auto') }}
</a>
</div>
{% endfor %}
</div> #}
{
"siteTitle": "Mudstone Component Library",
"craft": {
"app": {
"config": {
"general": {
"custom": {
"wrapper": "/wrapper/"
}
}
}
}
},
"tel": "01225 471 465",
"phone": "01225 471 465",
"email": "hello@ournameismud.co.uk",
"twitter": "asclearasmud",
"copyright": "© 2018 Our Name is Mud",
"siteUrl": "/components/preview/home",
"address": "5 Princes Buildings \nBath \nBA1 2ED",
"cta": "<p>We love to talk digital. So if there’s a project that you’re itching to start or you just want to introduce yourself, <a href=\"/contact\" data-contact-link=\"\" class=\"no-barba\">drop us a line</a>. We’re always happy to chat...</p>",
"entries": [
{
"title": "Projects",
"url": "/components/preview/listing"
},
{
"title": "About",
"url": "/components/preview/about"
},
{
"title": "Journal",
"url": "/components/preview/journal"
},
{
"title": "Contact",
"url": "/components/preview/contact"
}
],
"clients": [
{
"image": {
"url": "http://mud-assets.s3.amazonaws.com/transforms/hero/19/unsplash-placeholder-4_094bd4636f1c06a70632ae770e8c111c.jpg",
"src": "data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%272500%27%20height%3D%271667%27%20style%3D%27background%3Atransparent%27%2F%3E",
"srcset": "http://mud-assets.s3.amazonaws.com/transforms/hero/19/unsplash-placeholder-4_094bd4636f1c06a70632ae770e8c111c.jpg 768w, http://mud-assets.s3.amazonaws.com/transforms/hero/19/unsplash-placeholder-4_71b9264554597c4f219c11a5f412f624.jpg 1024w, http:/mud-assets.s3.amazonaws.com/transforms/hero/19/unsplash-placeholder-4_c778f9fd339f8d233fb1ecbf954502b9.jpg 1600w",
"alt": "Unsplash Placeholder 4"
},
"name": "Lamps Direct",
"url": "http://www.mylampisbiggerthanyours.com"
},
{
"image": {
"url": "http://mud-assets.s3.amazonaws.com/transforms/hero/19/unsplash-placeholder-4_094bd4636f1c06a70632ae770e8c111c.jpg",
"src": "data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%272500%27%20height%3D%271667%27%20style%3D%27background%3Atransparent%27%2F%3E",
"srcset": "http://mud-assets.s3.amazonaws.com/transforms/hero/19/unsplash-placeholder-4_094bd4636f1c06a70632ae770e8c111c.jpg 768w, http://mud-assets.s3.amazonaws.com/transforms/hero/19/unsplash-placeholder-4_71b9264554597c4f219c11a5f412f624.jpg 1024w, http:/mud-assets.s3.amazonaws.com/transforms/hero/19/unsplash-placeholder-4_c778f9fd339f8d233fb1ecbf954502b9.jpg 1600w",
"alt": "Unsplash Placeholder 4"
},
"name": "Lamps Direct",
"url": "http://www.mylampisbiggerthanyours.com"
},
{
"image": {
"url": "http://mud-assets.s3.amazonaws.com/transforms/hero/19/unsplash-placeholder-4_094bd4636f1c06a70632ae770e8c111c.jpg",
"src": "data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%272500%27%20height%3D%271667%27%20style%3D%27background%3Atransparent%27%2F%3E",
"srcset": "http://mud-assets.s3.amazonaws.com/transforms/hero/19/unsplash-placeholder-4_094bd4636f1c06a70632ae770e8c111c.jpg 768w, http://mud-assets.s3.amazonaws.com/transforms/hero/19/unsplash-placeholder-4_71b9264554597c4f219c11a5f412f624.jpg 1024w, http:/mud-assets.s3.amazonaws.com/transforms/hero/19/unsplash-placeholder-4_c778f9fd339f8d233fb1ecbf954502b9.jpg 1600w",
"alt": "Unsplash Placeholder 4"
},
"name": "Lamps Direct",
"url": "http://www.mylampisbiggerthanyours.com"
},
{
"image": {
"url": "http://mud-assets.s3.amazonaws.com/transforms/hero/19/unsplash-placeholder-4_094bd4636f1c06a70632ae770e8c111c.jpg",
"src": "data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%272500%27%20height%3D%271667%27%20style%3D%27background%3Atransparent%27%2F%3E",
"srcset": "http://mud-assets.s3.amazonaws.com/transforms/hero/19/unsplash-placeholder-4_094bd4636f1c06a70632ae770e8c111c.jpg 768w, http://mud-assets.s3.amazonaws.com/transforms/hero/19/unsplash-placeholder-4_71b9264554597c4f219c11a5f412f624.jpg 1024w, http:/mud-assets.s3.amazonaws.com/transforms/hero/19/unsplash-placeholder-4_c778f9fd339f8d233fb1ecbf954502b9.jpg 1600w",
"alt": "Unsplash Placeholder 4"
},
"name": "Lamps Direct",
"url": "http://www.mylampisbiggerthanyours.com"
},
{
"image": {
"url": "http://mud-assets.s3.amazonaws.com/transforms/hero/19/unsplash-placeholder-4_094bd4636f1c06a70632ae770e8c111c.jpg",
"src": "data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%272500%27%20height%3D%271667%27%20style%3D%27background%3Atransparent%27%2F%3E",
"srcset": "http://mud-assets.s3.amazonaws.com/transforms/hero/19/unsplash-placeholder-4_094bd4636f1c06a70632ae770e8c111c.jpg 768w, http://mud-assets.s3.amazonaws.com/transforms/hero/19/unsplash-placeholder-4_71b9264554597c4f219c11a5f412f624.jpg 1024w, http:/mud-assets.s3.amazonaws.com/transforms/hero/19/unsplash-placeholder-4_c778f9fd339f8d233fb1ecbf954502b9.jpg 1600w",
"alt": "Unsplash Placeholder 4"
},
"name": "Lamps Direct",
"url": "http://www.mylampisbiggerthanyours.com"
},
{
"image": {
"url": "http://mud-assets.s3.amazonaws.com/transforms/hero/19/unsplash-placeholder-4_094bd4636f1c06a70632ae770e8c111c.jpg",
"src": "data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%272500%27%20height%3D%271667%27%20style%3D%27background%3Atransparent%27%2F%3E",
"srcset": "http://mud-assets.s3.amazonaws.com/transforms/hero/19/unsplash-placeholder-4_094bd4636f1c06a70632ae770e8c111c.jpg 768w, http://mud-assets.s3.amazonaws.com/transforms/hero/19/unsplash-placeholder-4_71b9264554597c4f219c11a5f412f624.jpg 1024w, http:/mud-assets.s3.amazonaws.com/transforms/hero/19/unsplash-placeholder-4_c778f9fd339f8d233fb1ecbf954502b9.jpg 1600w",
"alt": "Unsplash Placeholder 4"
},
"name": "Lamps Direct",
"url": "http://www.mylampisbiggerthanyours.com"
},
{
"image": {
"url": "http://mud-assets.s3.amazonaws.com/transforms/hero/19/unsplash-placeholder-4_094bd4636f1c06a70632ae770e8c111c.jpg",
"src": "data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%272500%27%20height%3D%271667%27%20style%3D%27background%3Atransparent%27%2F%3E",
"srcset": "http://mud-assets.s3.amazonaws.com/transforms/hero/19/unsplash-placeholder-4_094bd4636f1c06a70632ae770e8c111c.jpg 768w, http://mud-assets.s3.amazonaws.com/transforms/hero/19/unsplash-placeholder-4_71b9264554597c4f219c11a5f412f624.jpg 1024w, http:/mud-assets.s3.amazonaws.com/transforms/hero/19/unsplash-placeholder-4_c778f9fd339f8d233fb1ecbf954502b9.jpg 1600w",
"alt": "Unsplash Placeholder 4"
},
"name": "Lamps Direct",
"url": "http://www.mylampisbiggerthanyours.com"
},
{
"image": {
"url": "http://mud-assets.s3.amazonaws.com/transforms/hero/19/unsplash-placeholder-4_094bd4636f1c06a70632ae770e8c111c.jpg",
"src": "data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%272500%27%20height%3D%271667%27%20style%3D%27background%3Atransparent%27%2F%3E",
"srcset": "http://mud-assets.s3.amazonaws.com/transforms/hero/19/unsplash-placeholder-4_094bd4636f1c06a70632ae770e8c111c.jpg 768w, http://mud-assets.s3.amazonaws.com/transforms/hero/19/unsplash-placeholder-4_71b9264554597c4f219c11a5f412f624.jpg 1024w, http:/mud-assets.s3.amazonaws.com/transforms/hero/19/unsplash-placeholder-4_c778f9fd339f8d233fb1ecbf954502b9.jpg 1600w",
"alt": "Unsplash Placeholder 4"
},
"name": "Lamps Direct",
"url": "http://www.mylampisbiggerthanyours.com"
},
{
"image": {
"url": "http://mud-assets.s3.amazonaws.com/transforms/hero/19/unsplash-placeholder-4_094bd4636f1c06a70632ae770e8c111c.jpg",
"src": "data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%272500%27%20height%3D%271667%27%20style%3D%27background%3Atransparent%27%2F%3E",
"srcset": "http://mud-assets.s3.amazonaws.com/transforms/hero/19/unsplash-placeholder-4_094bd4636f1c06a70632ae770e8c111c.jpg 768w, http://mud-assets.s3.amazonaws.com/transforms/hero/19/unsplash-placeholder-4_71b9264554597c4f219c11a5f412f624.jpg 1024w, http:/mud-assets.s3.amazonaws.com/transforms/hero/19/unsplash-placeholder-4_c778f9fd339f8d233fb1ecbf954502b9.jpg 1600w",
"alt": "Unsplash Placeholder 4"
},
"name": "Lamps Direct",
"url": "http://www.mylampisbiggerthanyours.com"
},
{
"image": {
"url": "http://mud-assets.s3.amazonaws.com/transforms/hero/19/unsplash-placeholder-4_094bd4636f1c06a70632ae770e8c111c.jpg",
"src": "data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%272500%27%20height%3D%271667%27%20style%3D%27background%3Atransparent%27%2F%3E",
"srcset": "http://mud-assets.s3.amazonaws.com/transforms/hero/19/unsplash-placeholder-4_094bd4636f1c06a70632ae770e8c111c.jpg 768w, http://mud-assets.s3.amazonaws.com/transforms/hero/19/unsplash-placeholder-4_71b9264554597c4f219c11a5f412f624.jpg 1024w, http:/mud-assets.s3.amazonaws.com/transforms/hero/19/unsplash-placeholder-4_c778f9fd339f8d233fb1ecbf954502b9.jpg 1600w",
"alt": "Unsplash Placeholder 4"
},
"name": "Lamps Direct",
"url": "http://www.mylampisbiggerthanyours.com"
},
{
"image": {
"url": "http://mud-assets.s3.amazonaws.com/transforms/hero/19/unsplash-placeholder-4_094bd4636f1c06a70632ae770e8c111c.jpg",
"src": "data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%272500%27%20height%3D%271667%27%20style%3D%27background%3Atransparent%27%2F%3E",
"srcset": "http://mud-assets.s3.amazonaws.com/transforms/hero/19/unsplash-placeholder-4_094bd4636f1c06a70632ae770e8c111c.jpg 768w, http://mud-assets.s3.amazonaws.com/transforms/hero/19/unsplash-placeholder-4_71b9264554597c4f219c11a5f412f624.jpg 1024w, http:/mud-assets.s3.amazonaws.com/transforms/hero/19/unsplash-placeholder-4_c778f9fd339f8d233fb1ecbf954502b9.jpg 1600w",
"alt": "Unsplash Placeholder 4"
},
"name": "Lamps Direct",
"url": "http://www.mylampisbiggerthanyours.com"
},
{
"image": {
"url": "http://mud-assets.s3.amazonaws.com/transforms/hero/19/unsplash-placeholder-4_094bd4636f1c06a70632ae770e8c111c.jpg",
"src": "data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%272500%27%20height%3D%271667%27%20style%3D%27background%3Atransparent%27%2F%3E",
"srcset": "http://mud-assets.s3.amazonaws.com/transforms/hero/19/unsplash-placeholder-4_094bd4636f1c06a70632ae770e8c111c.jpg 768w, http://mud-assets.s3.amazonaws.com/transforms/hero/19/unsplash-placeholder-4_71b9264554597c4f219c11a5f412f624.jpg 1024w, http:/mud-assets.s3.amazonaws.com/transforms/hero/19/unsplash-placeholder-4_c778f9fd339f8d233fb1ecbf954502b9.jpg 1600w",
"alt": "Unsplash Placeholder 4"
},
"name": "Lamps Direct",
"url": "http://www.mylampisbiggerthanyours.com"
}
]
}
.c-clients {
@apply .border-1 .border-brd .mx-auto;
width: rem(240px);
height: rem(240px);
overflow: hidden;
@screen md {
height: auto;
width: auto;
border: 0;
}
}
.c-clients__item {
opacity: 0;
&.is-current {
opacity: 1;
}
@screen md {
grid-column: span 8;
opacity: 1;
}
@screen lg {
grid-column: span 6;
}
@screen xl {
grid-column: span 4;
}
}
There are no notes for this item.