<div class="tile-footer-detailed">
<div class="tile-footer-detailed__title">
<div id="" class="
bodycopy-l
bodycopy--color-dark
">Descubre Hipotecas</div>
</div>
<ul class="tile-footer-detailed__list">
<li class="tile-footer-detailed__item">
<div class="tile-footer-detailed__link">
<a class="link
link_simple
link_detailedFooterLink
" href="#">
<span>Calcula tu hipoteca</span>
</a>
</div>
</li>
<li class="tile-footer-detailed__item">
<div class="tile-footer-detailed__link">
<a class="link
link_simple
link_detailedFooterLink
" href="#">
<span>Te ayudamos</span>
</a>
</div>
</li>
<li class="tile-footer-detailed__item">
<div class="tile-footer-detailed__link">
<a class="link
link_simple
link_detailedFooterLink
" href="#">
<span>Somos Hipotecas</span>
</a>
</div>
</li>
<li class="tile-footer-detailed__item">
<div class="tile-footer-detailed__link">
<a class="link
link_simple
link_detailedFooterLink
" href="#">
<span>Preguntas frecuentes</span>
</a>
</div>
</li>
<li class="tile-footer-detailed__item">
<div class="tile-footer-detailed__link">
<a class="link
link_simple
link_detailedFooterLink
" href="#">
<span>Quiénes somos</span>
</a>
</div>
</li>
<li class="tile-footer-detailed__item">
<div class="tile-footer-detailed__link">
<a class="link
link_simple
link_detailedFooterLink
" href="#">
<span>Blog</span>
</a>
</div>
</li>
<li class="tile-footer-detailed__item">
<div class="tile-footer-detailed__link">
<a class="link
link_simple
link_detailedFooterLink
" href="#">
<span>Opiniones Hipotecas</span>
</a>
</div>
</li>
</ul>
</div>
<div class="tile-footer-detailed">
<div class="tile-footer-detailed__title">
{{> @bodycopy-l this.title }}
</div>
<ul class="tile-footer-detailed__list">
{{#each link}}
<li class="tile-footer-detailed__item">
<div class="tile-footer-detailed__link">
{{> @link this }}
</div>
</li>
{{/each}}
</ul>
</div>
{
"title": {
"text": "Descubre Hipotecas",
"colorDark": true
},
"link": [
{
"isSimple": true,
"isDetailedFooterLink": true,
"href": "#",
"text": "Calcula tu hipoteca"
},
{
"isSimple": true,
"isDetailedFooterLink": true,
"href": "#",
"text": "Te ayudamos"
},
{
"isSimple": true,
"isDetailedFooterLink": true,
"href": "#",
"text": "Somos Hipotecas"
},
{
"isSimple": true,
"isDetailedFooterLink": true,
"href": "#",
"text": "Preguntas frecuentes"
},
{
"isSimple": true,
"isDetailedFooterLink": true,
"href": "#",
"text": "Quiénes somos"
},
{
"isSimple": true,
"isDetailedFooterLink": true,
"href": "#",
"text": "Blog"
},
{
"isSimple": true,
"isDetailedFooterLink": true,
"href": "#",
"text": "Opiniones Hipotecas"
}
]
}
.tile-footer-detailed {
&__title {
line-height: 28px;
letter-spacing: 0;
color: var(--color-text);
margin-bottom: 14px;
.bodycopy-l {
color: var(--color-text);
font-weight:800;
}
.link{
font-weight:800;
}
}
&__list {
display: flex;
flex-flow: column;
}
&__item {
margin-bottom: 7px;
}
&__link {
.link {
color: var(--color-secondary);
&:hover,
&:focus {
color: var(--color-accent);
span {
&::after {
background-color: var(--color-text);
}
}
.icon {
fill: var(--color-secondary);
}
}
}
}
}
No notes defined.