xbpr/theme/components/dropdown.less

xbp react ui by @arco-design/web-react

@import "../../es/style/theme/default.less";
.@{prefix}-trigger-content{
  .@{prefix}-dropdown{
    padding: var(--border-radius-medium); 

    .@{prefix}-dropdown-list{
      display: flex;
      flex-direction: column;
      gap: var(--border-radius-medium);

      .@{prefix}-dropdown-option{
        border-radius: var(--border-radius-medium);
        color: var(--color-text-2);
        &:hover{
          color: var(--color-text-1);
        }
      }
      .@{prefix}-dropdown-option-active{
        color: rgb(var(--primary-6));
        background-color: var(--color-primary-light-1);
        &:hover{
          color: rgb(var(--primary-6));
        }
      }
    }
  }
}