articleNavBgColor = #353535

.ArticleNavigator
  background-color articleNavBgColor
  absolute top bottom left
  width 200px
  border-right 1px solid borderColor
  color white
  .userInfo
    height 60px
    display block
    border-bottom 1px solid borderColor
    .userProfileName
      color brandColor
      font-size 28px
      padding 6px 0 0 10px
      white-space nowrap
      text-overflow ellipsis
      overflow-x hidden
    .userName
      color white
      padding-left 20px
      margin-top 3px
    .settingBtn
      width 22px
      height 22px
      line-height 22px
      border-radius 11px
      position absolute
      top 19px
      right 14px
      color white
      padding 0
      background-color transparent
      border 1px solid white
      &:active
        background-color brandColor
        border-color brandColor
  .controlSection
    height 88px
    padding 22px 15px
    margin-bottom 44px
    .newPostBtn
      border none
      background-color brandColor
      color white
      height 44px
      width 170px
      border-radius 5px
      font-size 20px
      transition 0.1s
      &:hover
        background-color lighten(brandColor, 7%)
  .folders, .members
    .header
      border-bottom 1px solid borderColor
      padding-bottom 5px
      margin-bottom 10px
      clearfix()
      .title
        float left
        padding-left 10px
        font-size 18px
        line-height 22px
      .addBtn
        float right
        margin-right 15px
        width 22px
        height 22px
        font-size 10px
        padding 0
        line-height 22px
        border 1px solid white
        border-radius 11px
        background-color transparent
        color white
        padding 0
        font-weight bold
        &:active
          background-color brandColor
          border-color brandColor
  .folders
    margin-bottom 15px
    .folderList
      height 340px
      overflow-y auto
    .folderList button
      height 33px
      width 199px
      border none
      text-align left
      font-size 14px
      background-color transparent
      color white
      padding-left 15px
      overflow ellipsis
      &:hover
        background-color transparentify(white, 5%)
      &.active, &:active
        background-color brandColor
  .members
    .memberList>div
      height 33px
      width 200px
      margin-bottom 5px
      padding-left 15px
      .memberImage
        float left
        margin-top 5.5px
        border-radius 11px
      .memberProfileName
        float left
        line-height 33px
        margin-left 7px