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

.@{btri-descriptions} {
  font-size: var(--h3-font-size);
  .@{ant-descriptions}-header {
    margin-bottom: 0px;
  }
  .@{ant-descriptions}-view {
    border-radius: 0;
  }
  .@{ant-descriptions}-title {
    font-weight: normal;
    font-size: var(--h2-font-size);
    color: var(--body-font);
    margin-bottom: 16px;
  }
  .@{ant-descriptions}-row {
    & > td {
      padding-bottom: var(--padding-s);
    }
    & > th {
      padding-bottom: 2px;
    }
  }
  .@{ant-descriptions-item}-label {
    color: var(--caption-font);
  }
  .@{ant-descriptions-item}-content {
    color: var(--body-font);
  }
}

.@{ant-descriptions}-bordered {
  .@{ant-descriptions}-row {
    .@{ant-descriptions-item}-label {
      background: var(--gray-1);
    }
    .@{ant-descriptions-item}-label,
    .@{ant-descriptions-item}-content {
      padding: 7px var(--padding-lg);
      box-sizing: border-box;
      font-size: var(--h3-font-size);
    }
  }
}

.@{btri-descriptions}-inline {
  .@{ant-descriptions}-view {
    border-bottom: none !important;
    .@{ant-descriptions}-row {
      border-bottom: none;
      .@{ant-descriptions-item}-label {
        background: transparent;
        padding: var(--padding-sm) var(--padding-lg) 1px;
      }
      .@{ant-descriptions-item}-content {
        border-bottom: 1px solid var(--gray-3);
        padding: 1px var(--padding-lg) var(--padding-sm);
      }
    }
  }
}