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

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

.b(action-item, {
  display: inline-block;
  font-size: 14px;
  line-height: 22px;
  cursor: pointer;
  // 因为这里action-item类似于button type=link 所以主色=link色
  &--primary {
    color: var(--ap-action-color-primary-base, #0070FF);
    &:not(.@{aid}):hover {
      color: var(--ap-action-color-primary-hover, #66A9FF);
    }
  }

  &--success {
    color: var(--ap-action-color-success, #2ED1A3);
  }

  &--error {
    color: var(--ap-action-color-error, #FF4D4F);
  }

  &--warn {
    color: var(--ap-action-color-warn, #FFA940);
  }

  &--loading {
    opacity: 0.35;
    transition: opacity 0.2s;
    cursor: default;
    .btn-loading-icon {
      margin-right: 4px;
    }
  }

  &--disabled {
    color: #CCE2FF;
    cursor: not-allowed;
  }
});