<nav class="mol-footer-utils">
<ul data-reset-text="Reset cookies">
<li><a class="atm-link " href="#" title="Privacy statement" aria-label="" target="">Privacy statement</a></li>
<li><a class="atm-link " href="#" title="Disclaimer" aria-label="" target="">Disclaimer</a></li>
<li><a class="atm-link " href="#" title="Reset cookies" aria-label="" target="">Reset cookies</a></li>
</ul>
</nav>
<nav class="mol-footer-utils">
<ul data-reset-text="Reset cookies">
{{#each links}}
<li>{{ render '@link' this merge=true }}</li>
{{/each}}
</ul>
</nav>
{
"links": [
{
"href": "#",
"title": "Privacy statement",
"text": "Privacy statement"
},
{
"href": "#",
"title": "Disclaimer",
"text": "Disclaimer"
},
{
"href": "#",
"title": "Reset cookies",
"text": "Reset cookies"
}
]
}
.mol-footer-utils {
ul {
@apply flex flex-wrap;
li {
@apply whitespace-nowrap;
.atm-link {
@apply text-gray hover:text-cta;
@apply no-underline hover:underline;
}
+ li {
&::before {
content: '\\';
@apply inline-block mx-2;
}
}
}
}
}
function CookiebotCallback_OnLoad() {
var $footerUtils = $('.mol-footer-utils > ul');
if (!$footerUtils.find('#reset-cookies').length) {
$footerUtils.append('<li id="reset-cookies"><a class="atm-link" href="javascript:CookieConsent.renew()"></a></li>');
$footerUtils.find('#reset-cookies a').text($footerUtils.data('reset-text'));
}
}
No notes defined.