<a href="#0" class="o-btn text-sm flex flex-no-wrap justify-end relative items-center ">
<span class="o-btn__line h-px flex-1 mr-0-5 w-full bg-currentColor opacity-25 block"></span>
<span class="block ml-auto mr-0 whitespace-no-wrap">Read more</span>
</a>
<a href="{{ url }}" class="o-btn text-sm flex flex-no-wrap justify-end relative items-center {{ modifiers }}" {% if target is defined %}target="{{ target }}"{% endif %}>
<span class="o-btn__line h-px flex-1 mr-0-5 w-full bg-currentColor opacity-25 block"></span>
<span class="block ml-auto mr-0 whitespace-no-wrap">{{ text }}</span>
</a>
{
"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"
}
],
"url": "#0",
"text": "Read more"
}
.o-btn {
&:focus,
&:hover {
@apply .text-white;
.o-btn__line {
transform: scale(0.25, 1);
}
}
}
.o-btn__line {
transform-origin: 100% 50%;
transition: transform 300ms ease;
}
There are no notes for this item.