jc-biz-components/components/description-list/style/index.less

jc component library based on Antd

@import '../../style/variables.less';
@description-list-prefix-cls: ~"@{component-prefix}-description-list";
@description-prefix-cls: ~"@{component-prefix}-description";
:global {
  .@{description-list-prefix-cls} {
    .ant-row {
      margin-bottom: -16px;
      overflow: hidden;
    }
    &-title {
      font-size: 14px;
      color: @heading-color;
      font-weight: 500;
      margin-bottom: 16px;
    }
    &.small {
      .ant-row {
        margin-bottom: -8px;
      }
      .@{description-list-prefix-cls}-title {
        margin-bottom: 12px;
        color: @text-color;
      }
      .@{description-prefix-cls}-term,
      .@{description-prefix-cls}-detail {
        padding-bottom: 8px;
      }
    }
    &.large {
      .@{description-list-prefix-cls}-title {
        font-size: 16px;
      }
    }
    &.vertical {
      .@{description-prefix-cls}-term {
        padding-bottom: 8px;
        display: block;
      }
      .@{description-prefix-cls}-detail {
        display: block;
      }
    }
  }
  .@{description-prefix-cls} {
    &-term {
      line-height: 22px;
      padding-bottom: 16px;
      margin-right: 8px;
      color: @heading-color;
      white-space: nowrap;
      display: table-cell;
    }
    &-detail {
      line-height: 22px;
      width: 100%;
      padding-bottom: 16px;
      color: @text-color;
      display: table-cell;
      word-wrap: break-word;
      word-break: break-all;
    }
  }
}