<div class="read-more">
<a href="#readmore-link" class="read-more-link">
Read More
<svg class="icon icon--arrow-right">
<use xlink:href="/assets/icons/sprite-sheet.svg#arrow-right"></use>
</svg>
</a>
</div>
<div class="read-more">
<a href="{{url}}" class="read-more-link">
{{copy}}
{{render '@icons--arrow-right'}}
</a>
</div>
{
"copy": "Read More",
"url": "#readmore-link"
}
.read-more {
text-align: right;
}
.icon--arrow-right {
.read-more & {
position: relative;
top: -1px;
width: 1.25rem;
height: 1.25rem;
stroke: $color-primary;
stroke-width: 4;
transition: $transition;
}
.read-more-link:hover & {
stroke: $color-secondary;
}
}
There are no notes for this item.