.root
  absolute top left bottom
  border-top $ui-border
  border-bottom $ui-border
  overflow auto

.item
  position relative
  height 80px
  border-bottom $ui-border
  padding 0 5px
  user-select none
  cursor pointer
  transition background-color 0.15s
  &:hover
    background-color alpha($ui-active-color, 10%)

.item--active
  @extend .item
  .item-border
    border-color $ui-active-color

.item-border
  absolute top bottom left right
  border-style solid
  border-width 2px
  border-color transparent
  transition 0.15s

.item-info
  height 30px
  clearfix()
  font-size 12px
  color $ui-inactive-text-color
  line-height 30px
  overflow-y hidden

.item-info-left
  float left
  overflow ellipsis

.item-info-right
  float right

.item-title
  height 20px
  line-height 20px
  padding 0 5px
  font-weight bold
  overflow ellipsis

.item-tagList
  height 30px
  font-size 12px
  line-height 30px
  overflow ellipsis

.item-tagList-icon
  vertical-align middle
  color $ui-button-color

.item-tagList-item
  margin 0 4px
  padding 0 4px
  height 20px
  border-radius 3px
  vertical-align middle
  border-style solid
  border-color $ui-borderColor
  border-width 0 0 0 3px
  color $ui-button-color
  background-color $ui-backgroundColor

.item-tagList-empty
  color $ui-inactive-text-color
  vertical-align middle