<div class="lightbox-content-generic">
<div class="modal-body">
<section class="splitter splitter_bg-color_white ">
<div class="container">
<div class="splitter__wrapper">
<div class="row">
<div class="col-xs-12 col-ms-12 col-sm-12 col-lg-12">
<section class="splitter splitter_bg-color_white splitter_padding_top_small splitter_padding_bottom_large ">
<div class="container">
<div class="splitter__wrapper">
<div class="row">
<div class="col-xs-12 col-ms-12 col-sm-12 col-lg-12">
<div class="delete-document">
<div class="delete-document__icon">
<svg class="icon icon-56_alert ">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/dist/icons/icons.svg#56_alert"></use>
</svg>
</div>
<div class="delete-document__title">
<h1 class="
title-l
">
Eliminar documento
</h1>
</div>
<div class="delete-document__description">
<div class="
bodycopy-m
">
<p>¿Estás seguro de que quieres eliminar el documento %nombrearchivo%?</p>
</div>
</div>
<div class="delete-document__helperText">
<div class="
bodycopy-m
">
<p>Si eliminas este archivo no podrás volver a acceder a él y nuestro equipo no podrá revisarlo.</br>Esta acción no se podrá deshacer.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
</div>
</div>
</div>
</div>
</section>
</div>
</div>
<div {{#if hasID}}id="{{idComponent}}" {{/if}} class="lightbox-content-generic">
<div class="modal-body">
{{#if img-url}}
<div class="row">
<div class="col-xs-12 col-ms-12">
<img src="{{img-url}}" />
</div>
</div>
{{/if}}
{{#if splitter}}
{{#extend '@splitter' splitter }}
{{#content 'content-first-column'}}
{{#if isDocumentsUploadLightbox}}
{{ render '@cards-grid--upload-multiple-photos' }}
{{else if isSolicitudLlamadaLightbox}}
{{ render '@contact--two-items-without-title' }}
{{ render '@call-form--default' }}
{{else if isSolicitudLlamadaSimpleLightbox}}
{{ render '@call-form--con-consultor-y-encabezado-a-la-izquierda' }}
{{else if isSolicitudLlamadaSuccessLightbox}}
{{ render '@form-success' }}
{{else if isBankflipLightbox}}
{{ render '@product--with-bullets-list-and-reversed-just-for-mobile' }}
{{else if isDeleteDocumentLightbox}}
{{ render '@delete-document--default' }}
{{else if isPreloader}}
{{ render '@preloader--as-component' }}
{{else if isRequisitosICO}}
{{ render '@description-list--text-list' }}
{{else}}
Contenido splitter
{{/if}}
{{/content}}
{{/extend}}
{{/if}}
</div>
</div>
{
"hasID": false,
"img-url": false,
"splitter": {
"oneColumn": true,
"bgColorWhite": true
},
"isDeleteDocumentLightbox": true
}
.lightbox-content-generic {
.modal-body {
/*.row {
background-color: var(--color-white); Lo comento porque genera error al meter dentro del splitter un componente producto, por ejemplo (CA)
}*/
.splitter{
.container{
padding:0;
}
}
& > .row{
margin: 0;
}
& > .row > .col-xs-12,
& > .row > .col-ms-12{
padding: 0;
}
}
.modal-head {
margin-bottom: var(--gutter-width);
& > .row{
margin: 0;
}
& > .row > .col-xs-12,
& > .row > .col-ms-12{
padding: 0;
}
}
.modal__title {
&.small {
margin-bottom: 20px;
.title-m {
color: var(--color-secondary);
}
}
}
}
El título, descripción, imagen y texto bajo la imagen son opcionales