@mixin drop-down-base {
  position: absolute;
  opacity: 0;
  transition: all 0.3s;

  &-box {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1001;
    width: 100%;
  }

  &-position-top,
  &-position-topLeft,
  &-position-topRight {
    padding-bottom: $popup-distance;
  }

  &-position-right,
  &-position-rightTop,
  &-position-rightBottom {
    padding-left: $popup-distance;
  }

  &-position-bottom,
  &-position-bottomLeft,
  &-position-bottomRight {
    padding-top: $popup-distance;
  }

  &-position-left,
  &-position-leftTop,
  &-position-leftBottom {
    padding-right: $popup-distance;
  }
  &-content > .#{$prefix}-menu {
    z-index: 1;
    padding: 0;
    box-shadow: $global-shadow;
    transition: none;
  }
}

@mixin ne-drop-down-menu {
  .#{$prefix}-drop-down-menu {
    @include drop-down-base;
  }
}