@dropdown-z-index: @global-z-index - 19;
@dropdown-min-width: 260px;
@dropdown-padding: 5px 0;
@dropdown-background: @global-background;
@dropdown-border-width: @global-border-width;
@dropdown-border: @global-border;
@dropdown-border-radius: @global-border-radius;
@dropdown-box-shadow: @global-default-shadow;

@dropdown-nav-font-size: @global-small-font-size;
@dropdown-nav-font-weight: 400;

@dropdown-nav-item-line-height: @global-line-height;
@dropdown-nav-item-padding-horizontal: 30px;
@dropdown-nav-item-padding-vertical: 5px;
@dropdown-nav-item-active-font-weight: 600;

@dropdown-nav-item-color: @global-color;
@dropdown-nav-item-hover-color: @global-color;
@dropdown-nav-item-hover-background: @light-blue;

@dropdown-nav-divider-margin: 5px;

.hook-dropdown() {
  box-shadow: @dropdown-box-shadow;
  border: @dropdown-border-width solid @dropdown-border;
  border-radius: @dropdown-border-radius;
}

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

.hook-dropdown-nav-item() {
  &:extend(.uk-text-truncate);
  display: inherit !important;
  line-height: @dropdown-nav-item-line-height;
  padding: @dropdown-nav-item-padding-vertical @dropdown-nav-item-padding-horizontal !important;
}

.hook-dropdown-nav-item-hover() {
  background-color: @dropdown-nav-item-hover-background;
}

.hook-dropdown-nav-divider() {
  margin: @dropdown-nav-divider-margin 0;
}

.hook-dropdown-misc() {
  .uk-dropdown-nav > li.uk-active > a {
    font-weight: @dropdown-nav-item-active-font-weight;
  }
}
