Modal
Modals are dialog box/popup window.
<div class="ss-container ss-py-4"> <button onclick="document.getElementById('modal').style.display='block'" class="ss-btn ss-outlined">Open Modal</button> </div> <div id="modal" class="ss-modal"> <div class="ss-modal-content"> <header class="ss-container ss-bg-brand ss-white ss-center"> <span onclick="document.getElementById('modal').style.display='none'" class="ss-button ss-disp-topright">×</span> <h2>Modal Header</h2> </header> <div class="ss-container ss-center"> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque vitae egestas felis, ut mollis elit. In ut ultrices ex. Integer.</p> </div> <footer class="ss-container ss-bg-brand ss-white ss-center"> <p>Modal Footer</p> </footer> </div> </div>