articleItemHoverBgColor = darken(white, 5%)
articleItemColor = #777

.ArticleList
  absolute bottom
  top 60px
  left 200px
  width 250px
  border-top 1px solid borderColor
  border-right 1px solid borderColor
  overflow-y auto
  noSelect()
  &>div
    .articleItem
      border solid 2px transparent
      position relative
      height 88px
      width 100%
      cursor pointer
      transition 0.1s
      background-color white
      padding 0 10px
      font-size 12px
      .top
        clearfix()
        line-height 20px
        padding 5px 0
        color articleItemColor
        .folderName
          overflow ellipsis
          display inline-block
          width 120px
        .updatedAt
          float right
          line-height 20px
      .middle
        padding 3px 0 7px
        font-size 16px
        position relative
        height 26px
        .mode
          position absolute
          left 0
          font-size 12px
          line-height 16px
        .title
          position absolute
          left 19px
          right 0
          overflow ellipsis
          small
            color #AAA
      .bottom
        padding 5px 0
        overflow-x auto
        white-space nowrap
        .tags
          color articleItemColor
          a
            background-color brandColor
            color white
            border-radius 2px
            padding 1.5px 5px
            margin 2px
            font-size 10px
            opacity 0.8
            &:hover
              opacity 1
      &:hover, &.hover
        background-color articleItemHoverBgColor
        &:active, &.active
          background-color white
      &:active, &.active
        border-color brandBorderColor
    .divider
      border-bottom solid 1px borderColor