@import url(../var.less);

@dropdown-submenu-prefix: ~"@{prefix}dropdown-submenu";

.@{dropdown-submenu-prefix}{

  list-style: none;
  line-height: 36px;
  margin: 0;
  font-size: @dropdown-font-size;
  color: @dropdown-font-color;
  cursor: pointer;
  outline: none;

  i {
    margin-right: 5px;
  }

  &--divided {
    @divided-offset: 6px;

    position: relative;
    margin-top: @divided-offset;
    padding: 0;
    
    margin: 6px 20px 0;
    border-top: 1px dashed @border-lighter-color;

    &:before {
      content: '';
      height: @divided-offset;
      display: block;
      margin: 0 -20px;
      background-color: @color-white;
    }
  }

  &.is-disabled {
    cursor: default;
    color: @disabled-font-color;
    pointer-events: none;
  }
  &__title {
    position: relative;
    padding: 0 20px;
    &:not(.is-disabled):hover, &:focus {
      background-color: @dropdown-menuItem-hover-fill;
    }
    i {
      position: absolute;
      right: 20px;
      top: 50%;
      margin-top: -7px;
      margin-right: 0!important;
    }
    
  }

  &-popper {
    position: relative;
    
    .w-dropdown-menu__item {
      white-space: nowrap;
    }
  }

}

.w-dropdown-submenu-popper {
  margin: 0 5px;
}