<div class="c-announcement ">
<span class="c-announcement__text">Puoi pagare online con:</span>
<img class="c-announcement__image" src="/images/payments.png" alt="">
</div>
<div class="c-announcement {{ modifier }}">
<span class="c-announcement__text">{{{ announcement-text }}}</span>
<img class="c-announcement__image"src="{{ announcement-image }}" alt="">
</div>
{
"announcement-text": "Puoi pagare online con:",
"announcement-image": "/images/payments.png"
}
.c-announcement {
color: primary(night, 100);
position: relative;
display: inline-block;
width: auto;
border-radius: 12px;
padding: remify(8px) remify(24px);
margin: remify(24px) auto remify(16px);
background-color: #fff;
&__text { display: inline-block; margin-right: 1rem; }
&__image { max-height: remify(40px); }
}
No notes defined.