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">×</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>