TrestleAdmin/trestle

.list-group-item {
  &.active {
    background-color: $list-group-active-bg;
    border-color: $list-group-active-border-color;
  }
}

@mixin list-group-item-variant($state, $background, $color) {
  .list-group-item-#{$state} {
    color: $color;
    background-color: $background;

    &.list-group-item-action {
      &:hover,
      &:focus {
        color: $color;
        background-color: darken($background, 5%);
      }

      &.active {
        color: white;
        background-color: $color;
        border-color: $color;
      }
    }
  }
}

@each $color, $value in $theme-colors {
  @include list-group-item-variant($color, theme-color-level($color, -9), theme-color-level($color, 6));
}