@use '../style/common/var' as *;
@use '../style/mixins/function' as *;

.pagoda-dropdown-item {
  line-height: 36px;
  padding: 0 20px;
  margin: 0;
  font-size: 14px;
  color: var(--el-text-color-primary);
  cursor: pointer;
  outline: none;
  white-space: nowrap;

  &:not(&--disabled):hover {
    background-color: getCssVar('dropdown', 'menuItem-hover-fill');
    color: getCssVar('dropdown', 'menuItem-hover-color');
  }

  &--disabled {
    cursor: not-allowed;
    color: var(--el-text-color-disabled);
  }

  &--divided {
    position: relative;
    margin-top: 6px;
    border-top: 1px solid var(--el-border-color-lighter);

    &::before {
      content: '';
      height: 6px;
      display: block;
      margin: 0 -20px;
      background-color: #fff;
    }
  }
}