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


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

@dropdown-padding:                          40px;

@dropdown-background:                       @global-background;
@dropdown-color:                            @global-color;

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

//
// Master
//

@dropdown-border-width:                     4px;
@dropdown-border:                           @global-secondary-background;

@dropdown-nav-font-weight:                  500;


// 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() {}