foo.scss

.relationship-list-item {
  a {
    text-decoration: none !important;
  }
  
  /** Default border & relationshipt-list-icon rules here **/

  &:hover {
    border-left: 5px solid lighten($secondary-color, 15%);
    .relationship-list-icon {
      background: lighten($secondary-color, 15%);
    }
  }
  
  &.selected:hover {
    border-left: 5px solid darken($secondary-color, 10%);
    .relationship-list-icon {
      background: darken($secondary-color, 10%);
    }
  }
}