@kabbage/sprout 0.25.2

Modal Component

A CSS implementation of the Sprout modal component.

Related

Sprout Modal documentation [external]

Example

html 
<div style="height: 300px;">
  <div class="spr-modal-wrapper spr-modal-overlay-dark-background"></div>
  <div class="spr-modal-wrapper">
    <div class="spr-modal-container">
      <div class="spr-modal-body">
        <div class="spr-modal-header-content">
          Header
        </div>
        Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
      </div>
    </div>
  </div>
</div>

Compiled CSS

Example

scss 
@import 'components/modal';