Windy CSS styleguide

3.17 #components.window .window

Toggle example guides Toggle HTML markup

White information window with rounded corners, absolutely positioned. Requires open or show class to become visible, and to set up width. closing-x element is optional.

Examples
Default styling
This is hook element
Lorem ipsum, lorem, ipsum
.transparent-window
transparent window
This is hook element
Lorem ipsum, lorem, ipsum
.rh-bottom-pin
pin to bottom right corner (applied only to .transparent-window)
This is hook element
Lorem ipsum, lorem, ipsum
Markup
<div class="btn" style="margin: 100px 0;">This is hook element
             <div class="window open">
             <div class="closing-x"></div>
             Lorem ipsum, lorem, ipsum</div>
         </div>
Source: src/css/components/window.less, line 18