<div class="search-result-item">
<div class="search-result-item__section">
<div class="text-label-m">PRODUCTOS - RESIDENTES</div>
</div>
<div class="search-result-item__title">
<a href="#">
<h3 class="
title-m
"><strong>Hipoteca</strong> compra de casa</h3>
</a>
</div>
<div class="search-result-item__txt">
<div class="
bodycopy-m
">
<p>Tu quieres una casa y nosotros lo hacemos posible. Estás a punto de dar un gran paso en tu vida, y necesitas saber por dónde empezar.</p>
</div>
</div>
</div>
<div class="search-result-item">
<div class="search-result-item__section">
{{> @text-label-m section }}
</div>
<div class="{{#if isHipotecas}}search-result-item__title hipotecas{{else}}search-result-item__title{{/if}}">
<a href="#">{{> @title-m title }}</a>
</div>
<div class="search-result-item__txt">
{{> @bodycopy-m txt }}
</div>
</div>
{
"section": {
"text": "PRODUCTOS - RESIDENTES"
},
"title": {
"text": "<strong>Hipoteca</strong> compra de casa"
},
"txt": {
"text": "<p>Tu quieres una casa y nosotros lo hacemos posible. Estás a punto de dar un gran paso en tu vida, y necesitas saber por dónde empezar.</p>"
}
}
.search-result-item {
&__section{margin-bottom:20px;}
&__title{
margin-bottom:20px;
a{
h3{color: var(--color-accent-dark);
&:hover{color: var(--color-accent);}
}
}
&.hipotecas{
a{
h3{color: var(--color-accent);
&:hover{color: var(--color-accent-dark);}
}
}
}
}
&__txt{margin-bottom:20px;}
}
No notes defined.