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

@include b(descriptions-item) {

  @include e(label) {
    width: 1px;
    white-space: nowrap;
    text-align: left;
    padding-right: 12px;
    &.has-colon {
      &::after {
        content: ':';
        position: relative;
        top: -0.5px;
        left: 2px;
        display: inline-block;
        width: 4px;
      }
    }
    &.is-bordered-label {
      background: $--descriptions-item-bordered-label-background;
    }

    @include when(onlyone) {
      padding-right: 36px;
    }
  }

  @include e(content) {
    padding-right: 8px;
  }
}