storyteller.io CSS Styleguide

Modals

UI Blocks

16.1

Modal Window

Sign Up

Put a bird on it dolore Blue Bottle stumptown 8-bit hella, sint eu leggings dolor esse VHS proident aliquip est. Paleo viral art party flexitarian incididunt polaroid nisi, messenger bag irure four loko sustainable ut. Vinyl occupy meh Shoreditch, paleo exercitation Bushwick.



Shred the Terms
Example Markup
<div class="ui-modal">
    <div class="ui-modal__window">
        <div class="ui-modal__header">
            <h1 class="ui-modal__title">Sign Up</h1>
            <button class="ui-modal__close-button"><span>Close</span></button>
        </div>
        <div class="ui-modal__content">
            <!-- content goes here -->
        </div>
        <div class="ui-modal__actions">
            <button class="ui-button icon-warning --prepend-icon" type="submit">Submit to the Terms</button>
            <a class="ui-button js-close-modal" href="#">Shred the Terms</a>
        </div>
    </div>
</div>