@mixin ne-submenu {
  .#{$prefix}-submenu {
    &-disabled.#{$prefix}-menu-title {
      color: $component-default-color;
      cursor: not-allowed;
      &:hover {
        background-color: initial;
      }
      &:focus {
        background-color: initial;
      }
    }
  }
  .#{$prefix}-submenu-list {
    overflow: hidden;
    width: 100%;
    margin: 0;
    padding: 0;
    cursor: pointer;

    @each $name, $value in $sizes-map {
      &.#{$prefix}-submenu-list-size-#{$name} {
        font-size: map-get($font-sizes-map, $name);
        line-height: ($global-line-height + 0.01px) / map-get($font-sizes-map, $name);
      }
    }
  }
  .#{$prefix}-submenu-parallel {
    .#{$prefix}-menu-item-content {
      display: flex;
    }
  }

  .#{$prefix}-submenu-popup-container {
    &-content > .#{$prefix}-submenu-list {
      min-width: $popup-submenu-width;
      padding: $popup-submenu-top-padding 0;
      border-radius: $global-radius;
      box-shadow: $global-shadow;
      background: $white;
    }
    &-box {
      position: absolute;
      top: 0;
      left: 0;
      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;
    }
  }
}