<div class="c-banner ">
<img class="" src="/images/svgs/stk_mail_discount_reservation.svg" alt="stk_mail_discount_reservation" aria-hidden="true" />
<span>
<strong>fino al 30% di sconto </strong> se paghi online
</span>
</div>
<div class="c-banner {{modifier}}">
{{#if sticker}}
<img
class=""
src="{{sticker.img-src}}"
alt="{{sticker.img-alt}}"
aria-hidden="true"
/>
{{/if}}
<span>
{{{text}}}
</span>
</div>
{
"sticker": {
"img-src": "/images/svgs/stk_mail_discount_reservation.svg",
"img-alt": "stk_mail_discount_reservation"
},
"text": "<strong>fino al 30% di sconto </strong> se paghi online"
}
.c-banner {
text-align: center;
color: #fff;
padding: remify(16px);
display: block;
background-color: primary(night, 120);
border-radius: remify(4px);
margin-top: remify(32px);
@include min-screen(bp(tablet-p)) {
border-radius: 0 0 remify(4px) remify(4px);
margin-top: 0;
}
a {
color: currentColor;
}
img {
display: inline-block;
max-width: remify(32px);
margin-right: remify(8px);
}
}
I banner leaderboard, leaderboard-colored e superbanner mostrano nella versione mobile un banner 300x100.
La versione box invece non ha un versione mobile.
| Banner | Desktop | Mobile |
|---|---|---|
| leaderboard | 728x90 | 300x100 |
| leaderboard-colored | 728x90 | 300x100 |
| box | 300x250 | n.d. |
| superbanner | 970x250 | 300x100 |