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


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

@dropdown-min-width:                            250px;
@dropdown-padding:                              40px;
@dropdown-background:                           @global-background;
@dropdown-color:                                @global-emphasis-color;

@dropdown-nav-item-color:                       @global-emphasis-color;
@dropdown-nav-item-hover-color:                 @global-primary-background;
@dropdown-nav-sublist-item-color:               @global-muted-color;
@dropdown-nav-sublist-item-hover-color:         @global-primary-background;

//
// Master
//

@dropdown-nav-sublist-padding-left:             @global-gutter;

@dropdown-box-shadow:                           @global-large-box-shadow;

@dropdown-nav-font-family:                      @global-primary-font-family;
@dropdown-nav-font-weight:                      @global-primary-font-weight;
@dropdown-nav-text-transform:                   @global-primary-text-transform;
@dropdown-nav-letter-spacing:                   @global-primary-letter-spacing;
@dropdown-nav-font-style:                       @global-primary-font-style;


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

.hook-dropdown() {}


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

.hook-dropdown-nav() {}

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

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

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

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


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

.hook-dropdown-misc() {}