//
// doc-card
//


.#{$doc-card-prefix-cls}-group {

.#{$doc-card-prefix-cls}:not(:last-child) {
    border-bottom: 0;
  }
}

.#{$doc-card-prefix-cls} {
  position: relative;
  display: flex;
  flex: 1;
  align-items: start;
  min-height: $doc-card-height;
  font-size: $doc-card-font-size;
  line-height: $doc-card-line-height;
  color: $gray-9;
  background-color: $white;
  border: $border-width-sm solid $gray-11;

  &::before{
    content: "";
    position: absolute;
    left: 1.8rem;
    height: 100%;
    border-left: $border-width-sm solid $gray-11;
  }

  .#{$doc-card-prefix-cls}__title {
    flex: initial;
    min-width: 1.8rem;
    max-width: 1.8rem;
    padding: .18rem;
  }

  .#{$doc-card-prefix-cls}__content {
    display: flex;
    flex-direction: column;
    flex: auto;
    padding: 0.18rem;
  }

  .#{$doc-card-prefix-cls}__signer {
    font-size: 0.28rem;
    color: $gray-11;
    text-align: right;
  }
}