<div class="share-APA">
<div class="col col-xs-12 middle-xs">
</div>
<div class="col col-xs-12 middle-xs">
<a href="#">
<img class="share-whatsapp" src="/dist/images/whatsapp_UCI_accent.svg" alt="Whatsapp" />
</a>
</div>
</div>
<div class="share-APA">
{{#if shareWhatsApp}}
<div class="col col-xs-12 middle-xs">
{{#if titleWhatsApp}}
{{> @title-l textWhatsApp}}
{{/if}}
</div>
<div class="col col-xs-12 middle-xs">
<a href="#">
<img class="share-whatsapp" src="{{ src-whatsapp }}" alt="Whatsapp"/>
</a>
</div>
{{/if}}
{{#if shareQr}}
{{#if titleQr}}
<div class="col col-xs-12 middle-xs">
{{> @title-l textQr}}
</div>
{{/if}}
<div class="col col-xs-12 middle-xs">
<img class="share-qr" src="{{ src-qr }}" alt="qr"/>
</div>
<div class="col col-xs-12 middle-xs">
{{> @bodycopy-m textLink}}
{{> @btn btn}}
</div>
{{/if}}
</div>
{
"shareWhatsApp": true,
"titleWhatsApp": false,
"src-whatsapp": "/dist/images/whatsapp_UCI_accent.svg",
"textWhatsApp": {
"text": "¿Quieres dar de alta a un cliente? Envíale un mail desde aquí..."
},
"shareQr": false,
"titleQr": true,
"src-qr": "https://cm.uci.com/-/media/Images/ucicom/Alta-cliente/qr-share.png",
"textQr": {
"text": "Pídele que lea este código QR."
},
"textLink": {
"text": "O accede a la landing del cliente para completar sus datos."
},
"btn": {
"text": "Acceder",
"href": "#"
}
}
.share-APA {
.title-l {
@media (--viewport-xs-min) {
text-align:center;
}
@media (--viewport-sm-min) {
text-align:left;
}
}
.share-qr {
width:280px;
height: 280px;
margin-top:var(--gutter-width-ms-min);
margin-bottom:var(--gutter-width-ms-min);
}
.share-whatsapp {
color: var(--color-accent);
max-width:100px;
margin-top:var(--gutter-width-ms-min);
margin-bottom:var(--gutter-width-ms-min);
}
.btn {
margin:calc(var(--gutter-vertical)*2) 0;
}
}
No notes defined.