Modal

Variables

None

Mixins

None

Helpers

.modal

Example

<a href="#modal-example" class="margin-top-sm button">Show Modal</a>
<div id="modal-example" class="modal">
  <a href="#!" class="modal-close"></a> <!-- if you want overlay to close on click -->
  <div class="modal-content">
    <a href="#!" class="modal-close">&times</a>
    <h2 class="heading-2 margin-bottom-sm">This is some title</h2>
    <p class="margin-bottom-sm">This is the modal content</p>
    <p class="margin-bottom-sm">Curabitur a fusce hendrerit potenti mi vestibulum volutpat ullamcorper ac mollis ad nunc condimentum dolor a a suscipit ad vestibulum erat netus est id a condimentum vestibulum phasellus. Vestibulum litora lacus ante vitae non scelerisque vivamus facilisi curabitur in feugiat volutpat mus ut suspendisse nostra commodo elementum a fames augue libero mi bibendum. Mattis auctor a facilisi tristique dui class parturi</p>
    <a href="#!" class="button">Close Me!</a>
  </div>
</div>