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


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

@dropdown-z-index:                              @global-z-index + 20;
@dropdown-color:                                @global-color;
@dropdown-divider-border:                       @global-border;
@dropdown-background:                           @global-background;

@dropdown-navbar-background:                    @global-background;
@dropdown-navbar-margin:                        20px;
@dropdown-navbar-color:                         @global-color;
@dropdown-navbar-animation:                     uk-slide-bottom-fixed;


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

.hook-dropdown() {
    border-radius: @global-border-radius;
    box-shadow: 0 0 1px 0 rgba(61,119,180,0.24), 0 8px 16px 0 rgba(112,147,191,0.32);
}


// Modifier: `uk-dropdown-navbar`
// ========================================================================

.hook-dropdown-navbar() {

}


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

.hook-dropdown-misc() {

    [data-uk-dropdown] { position: relative; }
}
