@aplus-frontend/ui/theme/ap-action/item.less

@import '../mixins/mixins.less';
@import '../mixins/config.less';

@aid: ~'@{ns}-action-item--disabled';
@aiiw: ~'@{ns}-action-item__icon-wrapper';

.b(action-item, {
  .reset-component();
  display: inline-block;
  cursor: pointer;
  // 因为这里action-item类似于button type=link 所以主色=link色
  &--primary {
    color: var(--ap-color-link);
    &:not(.@{aid}):hover {
      color: var(--ap-color-link-hover);
    }
  }

  &--success {
    color: var(--ap-color-success);
  }

  &--error {
    color: var(--ap-color-error);
  }

  &--warn {
    color: var(--ap-color-warn);
  }

  &--loading {
    opacity: 0.35;
    transition: opacity 0.2s;
    cursor: default;
    .btn-loading-icon {
      margin-right: @spacing-xs;
    }
  }

  &--disabled {
    cursor: not-allowed;
  }

  &--primary&--disabled {
    color: var(--ap-color-link-disabled);
  }
  &--success&--disabled {
    color: var(--ap-color-success-disabled);
  }
  &--error&--disabled {
    color: var(--ap-color-error-disabled);
  }
  &--warn&--disabled {
    color: var(--ap-color-warn-disabled);
  }
  &__icon-wrapper {
    padding-right: @spacing-xs;
  }
  &--icon-first {
    .@{aiiw} {
      padding-right: 0;
    }
  }
});