//
// Component: Dropdown
//
// ========================================================================


// Variables
// ========================================================================

@dropdown-padding:                              25px;

//
// New
//

@dropdown-nav-font-size:                        @global-small-font-size;
@dropdown-box-shadow:                           0 5px 12px rgba(0,0,0,0.15);



// Dropdowns

@dropdown-background: 							            @global-primary-background;
@dropdown-width:                                222px;

@dropdown-z-index:                              (@global-z-index + 2000);
@dropdown-color:                                #fff;
@dropdown-divider-border:                       darken(@dropdown-background, 10%);

@dropdown-navbar-margin:                        25px;
@dropdown-navbar-background:                    @global-primary-background;
@dropdown-navbar-color:                         #fff;

// @dropdown-border-radius:                        @global-border-radius;

@dropdown-navbar-padding:                       30px 40px;
@dropdown-navbar-border-bottom:                 1px solid darken(@dropdown-navbar-background, 10%);
@dropdown-navbar-triangle-background:           @global-primary-background;






// Component
// ========================================================================

.hook-dropdown() { box-shadow: @dropdown-box-shadow; }


// Nav
// ========================================================================

.hook-dropdown-nav() { font-size: @dropdown-nav-font-size; }

.hook-dropdown-nav-item() {}

.hook-dropdown-nav-item-hover() {}

.hook-dropdown-nav-header() {}

.hook-dropdown-nav-divider() {}


// Miscellaneous
// ========================================================================

.hook-dropdown-misc() {}
