.resource-list-item
  font-size 17px
  padding 0
  border-bottom 1px solid #eee
  height 40px
  transition height 0.25s
  overflow hidden
  display flex
  align-items center

  &.resource-list-item-enter,
  &.resource-list-item-leave.resource-list-item-leave-active
    height 0

  &.resource-list-item-enter.resource-list-item-enter-active,
  &.resource-list-item-leave
    height 40px

  &:first-child
    border-top 1px solid #eee

.resource-list-item-delete
  font-size 15px
  color #b5b5b5
  cursor pointer
  margin 0 15px 0 auto

  &:hover
    color #888

  &:active,
  &:focus
    outline none
    color #555

  +respond-above($md-screen)
    margin-right 0

  &[disabled]
    color #dfdfdf

.resource-list-item
  font-size 17px
  padding 0
  border-bottom 1px solid #eee
  height 40px
  transition height 0.25s
  overflow hidden
  display flex
  align-items center

  &:hover
    background #fbfbfb

  &.resource-list-item-enter,
  &.resource-list-item-leave.resource-list-item-leave-active
    height 0

  &.resource-list-item-enter.resource-list-item-enter-active,
  &.resource-list-item-leave
    height 40px

  &:first-child
    border-top 1px solid #eee

.resource-list-item-delete
  font-size 15px
  color #b5b5b5
  cursor pointer
  margin 0 15px 0 auto

  &:hover
    color #888

  &:active,
  &:focus
    outline none
    color #555

  +respond-above($md-screen)
    margin-right 0

  &[disabled]
    color #dfdfdf

Add hover effect to list items
Add hover effect to list items

Resolves #266
