@import 'mixins/mixins';
@import 'common/var';

@include b(descriptions-item) {
  vertical-align: top;
  
  @include e(container) {
    display: flex;
    align-items: center;

    .el-descriptions-item__label,
    .el-descriptions-item__content {
      display: inline-flex;
      align-items: baseline;
    }
    .el-descriptions-item__content {
      flex: 1;
    }
  }

  @include e(label) {
    color: $--color-info;
    font-size: 14px;
    &.has-colon {
      &::after {
        content: ':';
        position: relative;
        top: -0.5px;
      }
    }
    &.is-bordered-label {
      background: $--descriptions-item-bordered-label-background;
    }
    &:not(.is-bordered-label) {
      margin-right: 10px;
    }
  }

  @include e(content) {
    word-break: break-word;
    overflow-wrap: break-word;
    .el-tag {
      height: 18px;
      line-height: 18px;
      padding: 0 3px;
      border-radius: 6px;
      margin-right: 6px;
    }
  }
}
