.uif-description
  display inline-block
  color #191919
  overflow hidden
  white-space nowrap
  text-overflow ellipsis
  &-label
    font-weight bold
    &:after
      content ':'
      padding-left 2px
      padding-right @padding-left
  &-flex
    display flex
    align-items center
    .uif-description-value
      overflow hidden
      white-space nowrap
      text-overflow ellipsis
      width 0
      flex auto

.uif-description-list
  flex auto
  display flex
  &-horizontal
    align-items center
    flex-direction row
  &-vertical
    align-items stretch
    flex-direction column
  &-space-middle .uif-description
    padding-top 4px
    padding-bottom @padding-top
    min-height 28px



.uif-description-block
  display flex
  border-radius 6px
  background-color #F0F3F5
  padding 12px 6px
  line-height 20px
  .uif-description-list
    padding 0 6px
    width 0
    flex auto
  .uif-description
    min-height 28px
    padding 4px 0
    overflow hidden
    white-space nowrap
    text-overflow ellipsis
    &-label
      color #666D7A
    &-value
      font-weight bold
      color #191919
      overflow hidden
      white-space nowrap
      text-overflow ellipsis