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

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

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

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

	@include e(content) {
		word-break: break-word;
		overflow-wrap: break-word;
	}
}