<div class="c-meta flex items-center mb-1">
<time class="text-black font-regular text-sm mr-auto md:mr-1">12th July 2017</time>
<a href="" class="c-meta__item block text-blue mr-1">
<span class="u-vh">Share on facebook</span>
<i class="icon icon--ui-facebook">
<svg>
<use class="no-barba pointer-events-none" xlink:href="#ui-facebook"></use>
</svg>
</i>
</a>
<a href="asclearasmud" class="c-meta__item block text-blue">
<span class="u-vh">Share on twitter</span>
<i class="icon icon--ui-twitter">
<svg>
<use class="no-barba pointer-events-none" xlink:href="#ui-twitter"></use>
</svg>
</i>
</a>
</div>
{% import '@helpers' as h %}
<div class="c-meta flex items-center mb-1">
<time class="text-black font-regular text-sm mr-auto md:mr-1">{{ date }}</time>
<a href="{{ facebook }}" class="c-meta__item block text-blue mr-1">
<span class="u-vh">Share on facebook</span>
{{ h.symbol('ui-facebook') }}
</a>
<a href="{{ twitter }}" class="c-meta__item block text-blue">
<span class="u-vh">Share on twitter</span>
{{ h.symbol('ui-twitter') }}
</a>
</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"
}
],
"date": "12th July 2017",
"url": "#0"
}
.c-meta__item {
transition: transform 300ms ease, color 300ms ease;
&:hover,
&:focus {
@apply .text-white;
transform: scale(1.12) translate3d(0, -5%, 0);
}
}
There are no notes for this item.