@import '~@cainiaofe/cn-ui-theme-light/token.scss';

$array-base-prefix-cls: 'cn-ui-m-formily-array-base';

$types: remove, copy, move-down, move-up;

.#{$hashClassName}.#{$array-base-prefix-cls} {
  @each $type in $types {
    &-#{$type} {
      color: $color-text-disabled;
      cursor: not-allowed !important;
      &:hover {
        color: $color-text-disabled;
      }
    }
  }

  &-remove,
  &-copy {
    transition: all 0.25s ease-in-out;
    color: $color-text-title3;
    font-size: $font-size-subhead;
    &:hover {
      color: $color-text-title2;
    }

    &-disabled {
      color: $color-text-disabled;
      cursor: not-allowed !important;
      &:hover {
        color: $color-text-disabled;
      }
    }
  }

  &-move-down {
    transition: all 0.25s ease-in-out;
    color: $color-text-title3;
    font-size: 16px;
    &:hover {
      color: $color-text-title2;
    }
  }

  &-move-up {
    transition: all 0.25s ease-in-out;
    color: $color-text-title3;
    font-size: 16px;

    &:hover {
      color: $color-text-title2;
    }
  }

  &-sort-handle {
    cursor: move;
    color: #888 !important;
  }
}