<div class="tile-header-submenu">
<div class="tile-header-submenu__title">
<p class="
title-s
">Os nossos simuladores</p>
</div>
<ul class="tile-header-submenu__linksRow">
<li class="tile-header-submenu__linksRow-link">
<a class="link
link_submenu
" href="#">
<span>Simulador Crédito Habitação</span>
</a>
</li>
<li class="tile-header-submenu__linksRow-link">
<a class="link
link_submenu
" href="#">
<span>Simulador Quanto Posso Pedir</span>
</a>
</li>
<li class="tile-header-submenu__linksRow-link">
<a class="link
link_submenu
" href="#">
<span>Simulador Quanto Posso Pedir</span>
</a>
</li>
<li class="tile-header-submenu__linksRow-link">
<a class="link
link_submenu
" href="#">
<span>Simulador Quanto Posso Pedir</span>
</a>
</li>
<li class="tile-header-submenu__linksRow-link">
<a class="link
link_submenu
" href="#">
<span>Simulador Quanto Posso Pedir</span>
</a>
</li>
<li class="tile-header-submenu__linksRow-link">
<a class="link
link_submenu
" href="#">
<span>Simulador Quanto Posso Pedir</span>
</a>
</li>
</ul>
</div>
<div class="tile-header-submenu">
<div class="tile-header-submenu__title">
{{> @title-s title }}
</div>
{{#if isSubMenu}}
<ul class="tile-header-submenu__linksRow">
{{#each link}}
<li class="tile-header-submenu__linksRow-link">
{{> @link this }}
</li>
{{/each}}
</ul>
{{/if}}
</div>
{
"isSubMenu": true,
"title": {
"text": "Os nossos simuladores",
"isP": true
},
"link": [
{
"isSubMenuLink": true,
"href": "#",
"text": "Simulador Crédito Habitação"
},
{
"isSubMenuLink": true,
"href": "#",
"text": "Simulador Quanto Posso Pedir"
},
{
"isSubMenuLink": true,
"href": "#",
"text": "Simulador Quanto Posso Pedir"
},
{
"isSubMenuLink": true,
"href": "#",
"text": "Simulador Quanto Posso Pedir"
},
{
"isSubMenuLink": true,
"href": "#",
"text": "Simulador Quanto Posso Pedir"
},
{
"isSubMenuLink": true,
"href": "#",
"text": "Simulador Quanto Posso Pedir"
}
]
}
.tile-header-submenu {
display: block;
width: max-content;
margin-bottom: 10px;
&__title {
margin-bottom: 20px;
.title-s {
font-size: 16px;
font-family: 'Jornada Sans Medium';
font-weight: 800;
}
}
&__item {
@media (--viewport-ms-min) {
margin-bottom: 15px;
}
}
&__linksRow {
display: flex;
flex-flow: column wrap;
width: max-content;
&-link {
display: block;
margin-bottom: 15px;
@media (--viewport-ms-max) {
margin-bottom: 20px;
}
.link {
color: var(--color-text);
font-family: 'Jornada Sans Book';
font-size: 16px;
&:hover,
&:focus {
color: var(--color-text);
span {
&::after {
background-color: var(--color-text);
}
}
}
}
}
&-cta-mobile{
display: none;
@media (--viewport-ms-max) {
display: block;
}
}
}
}
No notes defined.