@import "../css/colors"
@import "../css/vars"


:local(.listitem)
  position: relative
  min-height: 44px
  padding: 10px
  //background-color: $backgroundGray
  border-bottom: solid 1px $borderGray

  &:before
    content: ''
    height: 100%
    width: 2px
    background-color: transparent
    position: absolute
    left: 0
    top: 0

:local(.listitem.secondary)
  //background-color: $darkGray20
  border-bottom: solid 1px $borderGray

  &:last-child
    border-bottom: none

:local(.listitem.clickable)
  cursor: pointer

:local(.listitem.error)
  &:before
    background-color: $red

:local(.listitem.success)
  &:before
    background-color: $green

:local(.listitem.warning)
  &:before
    background-color: $yellow

:local(.listitem.info)
  &:before
    background-color: $blue