Windy CSS styleguide

3.9 #components.ddmenu .drop-down-menu

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

Closed:

In opened state:

.open-up

opens drowp down menu up

Closed:

In opened state:

Markup

<p>Closed: <div class="drop-down-menu notap" data-content="24h">
                <ul class="animation">
                    <li data-do="set,24h" class="selected">24h</li>
                    <li data-do="set,12h">12h</li>
                </ul>
            </div></p>
        <p>In opened state:
        <div class="drop-down-menu [modifier class] notap opened" data-content="24h">
                <ul class="animation show">
                    <li data-do="set,24h" class="selected">24h</li>
                    <li data-do="set,12h">12h</li>
                </ul>
            </div></p>

Source: src/css/components/drop-down-menu.less, line 1