Mercedes Pattern Library

Modal Window: 3 3 E 

<div class="m-modal-window  m-modal-window--extra-large">
    <div class="m-modal-window__background"></div>
    <div class="m-modal-window__body">
        <div class="m-modal-window__head">
            <div class="m-modal-window__head__title">
                Confronta i documenti
            </div>
            <div class="m-modal-window__head__close">
                <svg class="icon icon--close">
  <use xlink:href="../../assets/icons.svg#close" />
</svg>

            </div>
        </div>
        <div class="m-modal-window__grid">
            <div>
                <div class="m-modal-window__box-img">
                    <div class="a-tag">
                        <span>
		Nome filtro
	</span>

                        <svg class="icon icon--close">
  <use xlink:href="../../assets/icons.svg#close" />
</svg>

                    </div>
                    <img src="https://via.placeholder.com/600x900" alt="">
                </div>
            </div>
            <div>
                <div class="m-modal-window__box-img">
                    <div class="a-tag">
                        <span>
		Nome filtro
	</span>

                        <svg class="icon icon--close">
  <use xlink:href="../../assets/icons.svg#close" />
</svg>

                    </div>
                    <img src="https://via.placeholder.com/600x387" alt="">
                </div>
                <div class="m-modal-window__box-img">
                    <div class="a-tag">
                        <span>
		Nome filtro
	</span>

                        <svg class="icon icon--close">
  <use xlink:href="../../assets/icons.svg#close" />
</svg>

                    </div>
                    <img src="https://via.placeholder.com/600x387" alt="">
                </div>
            </div>
        </div>
    </div>

</div>
 
<div class="m-modal-window  m-modal-window--extra-large">
    <div class="m-modal-window__background"></div>
    <div class="m-modal-window__body">
        <div class="m-modal-window__head">
            <div class="m-modal-window__head__title">
                Confronta i documenti
            </div>
            <div class="m-modal-window__head__close">
                {% render '@icon', {id: 'close'} %}
            </div>
        </div>
        <div class="m-modal-window__grid">
            <div>
                <div class="m-modal-window__box-img">
                    {% render '@tag--icon' %}
                    <img src="https://via.placeholder.com/600x900" alt="">
                </div>
            </div>
            <div>
                <div class="m-modal-window__box-img">
                    {% render '@tag--icon' %}
                    <img src="https://via.placeholder.com/600x387" alt="">
                </div>
                <div class="m-modal-window__box-img">
                    {% render '@tag--icon' %}
                    <img src="https://via.placeholder.com/600x387" alt="">
                </div>
            </div>
        </div>
    </div>

</div>
 
/* No context defined for this component. */

There are no notes for this item.