Windy CSS styleguide

3.18 #components.window2 .drop-down-window

Toggle example guides Toggle HTML markup

White information widnow with rounded corners, relativelly positioned. Requires open class to become visible, and to set up width.

Examples
Default styling
This is hook element
.down
position of opening elemnt is down
This is hook element
.right
position is opening pin rigth
This is hook element
.left
position of opening element is left
This is hook element
Markup
<div class="btn" style="margin: 100px 0;">This is hook element
             <div class="drop-down-window [modifier class] open">
             <div class="closing-x"></div>
             Lorem ipsum, lorem, ipsum</div>
         </div>
Source: src/css/components/window.less, line 80