<div class="c-cookies ">
<div class="c-cookies__inner">
<div class="c-cookies__txt">
<p>
Utilizziamo i cookie, anche di terze parti, per consentire la fruizione ottimale del sito.
</p>
<p>
Proseguendo la navigazione, si accetta il nostro utilizzo dei cookie. <a href="#">Per maggiori informazioni</a>.
</p>
</div>
<div class="c-cookies__cta">
<button type="button" class="c-button c-button--adding">
Ok
</button>
</div>
</div>
</div>
<div class="c-cookies {{ modifier }}">
<div class="c-cookies__inner">
<div class="c-cookies__txt">
<p>
Utilizziamo i cookie, anche di terze parti, per consentire la fruizione ottimale del sito.
</p>
<p>
Proseguendo la navigazione, si accetta il nostro utilizzo dei cookie. <a href="#">Per maggiori informazioni</a>.
</p>
</div>
<div class="c-cookies__cta">
{{> @button button }}
</div>
</div>
</div>
{
"button": {
"type": "button",
"text": "Ok",
"modifier": "c-button--adding"
}
}
.c-cookies {
color: #fff;
background-color: secondary(text, 100);
padding: remify(8px) 0;
main & {
position: fixed;
bottom: 0;
left: 0;
z-index: $z-Index-cookies-alert;
width: 100vw;
}
}
.c-cookies__inner {
max-width: remify(910px);
margin: 0 auto;
@include min-screen(bp(tablet-p)) {
display: flex;
align-items: center;
}
}
.c-cookies a {
color: currentColor;
font-weight: fw(bold);
}
.c-cookies__txt,
.c-cookies__cta {
padding: remify(8px) remify(16px);
}
.c-cookies__txt {
font-size: 75%;
line-height: 1.5;
@include min-screen(bp(tablet-p)) {
font-size: 100%;
}
}
No notes defined.