// TODO - Try to implement this with bootstrap variables
@import 'variables';

.list-group-item {
  cursor: pointer;
  border-left: none;
  border-right: none;
  padding-left: 4px;
  padding-right: 4px;
}
.list-group-item:hover {
  border-top-color: $brand-color-2;
  border-bottom-color: $brand-color-2;
  background-color: $brand-color-1;
}
.list-group-item:hover + li {
  border-top-color: $brand-color-2;
}
.list-group-item:hover + li:not(:last-child) {
  border-bottom-color: $brand-color-2;
}
