@import '../var.less';

.f-dropdown-content {
  box-sizing: border-box;
  padding: 8px 0;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  &-item {
    box-sizing: border-box;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 20px;
    cursor: pointer;
    position: relative;
    color: @gray-70;
    &-active-icon {
      position: absolute;
      right: 12px;
      top: 50%;
      transform: translateY(-50%);
      font-size: 14px;
      color: @primary-color;
    }
    &-active {
      background: @gray-8;
    }
    &-disabled {
      color: @gray-20;
      background: @gray-8;
    }
    &:hover {
      background: @gray-5;
    }
    &-danger {
      color: @dangerous-color;
      &:hover {
        background: #fff5f2;
      }
    }
    &-split {
      margin-top: 9px;
      &::before {
        content: '';
        position: absolute;
        bottom: calc(100% + 4px);
        left: 12px;
        width: calc(100% - 24px);
        height: 1px;
        background: @gray-10;
      }
    }
  }
}