<article class="d-flex my-3 p-4 pb-1 border-top flex-column">
<h2 class="chevron"><a href="#">An interesting information page relevant to your search terms</a></h2>
<p>Lorem ipsum dolor sit amet <strong>consectetur</strong> adipisicing elit. Sunt sequi, neque ratione unde velit eligendi vitae, enim porro itaque, officia dignissimos nobis veritatis! Soluta, aperiam esse voluptatibus voluptates praesentium reiciendis.</p>
<div class="d-flex justify-content-end">
<a href="#" class="my-2 btn btn-primary">More info</a>
</div>
</article>
<article class="d-flex my-3 p-4 pb-1 border-top flex-column">
<h2 class="chevron"><a href="#">{{ title }}</a></h2>
<p>Lorem ipsum dolor sit amet <strong>consectetur</strong> adipisicing elit. Sunt sequi, neque ratione unde velit eligendi vitae, enim porro itaque, officia dignissimos nobis veritatis! Soluta, aperiam esse voluptatibus voluptates praesentium reiciendis.</p>
<div class="d-flex justify-content-end">
{% render "@button" with { "type": "link", "title": "More info" } %}
</div>
</article>
{
"title": "An interesting information page relevant to your search terms"
}
.search-row {
width: 100%;
height: 100%;
background-color: transparent;
@include media-breakpoint-up(sm) {
width: 100%;
height: auto;
}
.listing-card {
&--header {
@include media-breakpoint-up(sm) {
max-width: 10rem;
}
}
&--details {
position: absolute;
@include media-breakpoint-up(sm) {
position: relative;
}
}
}
}
No notes defined.