Modal demo
Modal demo

Modal framework

Markup uses .modal-overlay + .modal-content. JS helper lives at window.denovoModal (from kit/js/modal.js). Escape and overlay-click both close.

Try it
Code
<div class="modal-overlay" id="demo-modal">
    <div class="modal-content">
        <div class="modal-header">
            <h2>Title</h2>
            <button class="modal-close" data-modal-close>×</button>
        </div>
        <div class="modal-body">…</div>
        <div class="modal-footer">
            <button class="btn btn-secondary" data-modal-close>Cancel</button>
            <button class="btn btn-primary">Confirm</button>
        </div>
    </div>
</div>

denovoModal.open('demo-modal');