Modal

Add dialogs to your page using the Javascript module.

Usage


  <div class="modal">
    <div class="modal__content">
      <div class="modal__header">...</div>
      <div class="modal__body">
        ...
      </div>
      <div class="modal__footer">
        <a class="button" href="...">...</a>
      </div>
    </div>
  </div>

Modal positions


  <div class="modal__content modal__content--position-top">
    ...
  </div>
  <div class="modal__content modal__content--position-right">
    ...
  </div>
  <div class="modal__content modal__content--position-bottom">
    ...
  </div>
  <div class="modal__content modal__content--position-left">
    ...
  </div>

Modal widths


  <div class="modal__content modal__content--fluid">
    ...
  </div>