.timeline-board
  @extend .cru-card
  @extend .d-flex
  @extend .flex-column
  @extend .py-3
  min-height: 200px
  height: 100%
  position: relative

.timeline-board-header
  @extend .px-3
  display: flex
  align-items: center
  justify-content: space-between

.timeline-board-item
  font-size: 1.1em
  @extend .px-3
  height: 48px
  transition: background 0.3s
  display: flex
  align-items: center
  .icon
    height: 1.3em
    color: black
    @extend .mr-2
  &:hover
    background: $gray-300
  .right
    display: flex
    align-items: center
    flex-shrink: 0
  .title
    white-space: nowrap
    overflow: hidden
    text-overflow: ellipsis