No notes defined.
<ul class="listing">
<li>
<p class="h6"><a href="#">Listing item title</a></p>
<p class="date">3 November 2023</p>
</li>
<li>
<p class="h6"><a href="#">Listing item title <span class="searchterm">Back pain</span> </a></p>
<p class="date">3 November 2023</p>
</li>
<li>
<p class="h6"><a href="#">Listing item title</a></p>
<p class="date">3 November 2023</p>
</li>
</ul>
{% set classString = '' %}
{% for modifier in modifiers %}
{% set classString = classString ~ ' listing--' ~ modifier %}
{% endfor %}
<ul class="listing{{ classString }}">
<li>
<p class="h6"><a href="#">Listing item title</a></p>
<p class="date">3 November 2023</p>
</li>
<li>
<p class="h6"><a href="#">Listing item title <span class="searchterm">Back pain</span> </a></p>
<p class="date">3 November 2023</p>
</li>
<li>
<p class="h6"><a href="#">Listing item title</a></p>
<p class="date">3 November 2023</p>
</li>
</ul>
.listing {
list-style: none;
border-top: 1px solid $grey--light;
padding: 0;
> li {
padding: $spacing-lg 0;
border-bottom: 1px solid $grey--light;
margin: 0;
#{headings()}, p {
margin: 0 0 0.4rem;
}
}
}
.searchterm {
color: #000;
}