@use "../variables.scss" as *;

$array-table-prefix-cls: "#{$formilyNamespace}-array-cards";

.#{$array-table-prefix-cls} {
  .el-card__header {
    padding-top: 12.5px;
    padding-bottom: 12.5px;
  }
  .el-empty {
    padding: 0;
  }

  .#{$array-table-prefix-cls}-item {
    margin-bottom: 10px;
  }

  .#{$formilyNamespace}-array-base-addition {
    width: 100%;
    border: var(--el-border-width) dashed var(--el-border-color);

    &:hover {
      background-color: var(--el-color-white);
      border-color: var(--el-text-color-placeholder);
    }

    &:active,
    &:focus {
      background-color: var(--el-color-white);
      border-color: var(--el-color-primary);
    }
  }
}