@import '../index.less';
@btri-card: ~'@{ant-prefix}-btri-card';
@ant-card: ~'@{ant-prefix}-card';

.@{btri-card} {
  &-box.@{ant-card} {
    position: relative;

    .@{ant-card}-head {
      min-height: 42px;
      padding: 16px 8px 0px 8px;
      margin: 0 16px;
    }
    .@{ant-card}-head-title {
      font-weight: 400;
    }
    .@{ant-card}-head-title,
    .@{ant-card}-extra {
      padding-top: 0;
    }
    .@{ant-card}-body {
      padding: 16px 24px 24px 24px;
      font-size: 14px;
      line-height: 22px;
      color: var(--body-font);
    }
    .@{ant-card}-actions {
      border-top: 1px solid var(--border-1);

      li {
        margin: 14px 0;
        border-right: 1px solid var(--border-1);
      }
      li:last-child {
        border-right: 0;
      }
      li > span {
        font-size: 16px;
        line-height: 20px;
      }
    }
    .@{ant-card}-meta-title {
      font-weight: normal;
    }
  }
  &-noTitle.@{ant-card} {
    .@{ant-card}-body {
      padding-top: 24px;
    }
  }

  &-cover.@{ant-card} {
    .@{ant-card}-body {
      padding-top: 20px;
    }
  }
  &-grid.@{ant-card}.@{ant-card}-contain-grid {
    .@{ant-card}-head {
      border: 0;
    }
    .@{ant-card}-body {
      padding: 0 24px 24px 24px;
      color: var(--caption-font);
    }
  }
  &-box.@{ant-card}.@{ant-prefix}-card-type-inner {
    .@{ant-card}-head {
      background-color: transparent;
    }
  }
  &-box.@{ant-card}-bordered {
    border: 1px solid var(--gray-3);
  }
  &-box.@{ant-card}-hoverable:hover {
    border-color: var(--gray-3);
  }
  &-box&--noBordered:hover {
    border-color: transparent;
  }
  &--isBoxShadow {
    box-shadow: 0 2px 8px 0 var(--fill-1);
  }
}

.@{btri-card}-grid {
  .@{ant-card}-grid {
    box-shadow: 1px 0 0 0 var(--gray-3), 0 1px 0 0 var(--gray-3),
      1px 1px 0 0 var(--gray-3), 1px 0 0 0 var(--gray-3) inset,
      0 1px 0 0 var(--gray-3) inset;
  }
}