@import "../definitions";
@import "bootstrap/scss/list-group";

.list-group {
  background: $white;
  padding: map-get($spacers, 1) 0;

  a.list-group-item.active,
  .list-group-item.active a {
    color: $white;

    &:hover {
      background-color: $blue;
    }
  }

  a.list-group-item,
  .list-group-item a {
    font-weight: inherit;
    text-decoration: none;
    color: inherit;

    &:hover {
      text-decoration: underline;
      background-color: transparent;
    }
  }

  ol {
    counter-reset: number;
    list-style-type: none;
    color: $blue;
    padding-left: 0;
    margin-left: 0;

    li {
      padding-left: map-get($spacers, 1);

      &::before {
        color: inherit;
        counter-increment: number;
        content: "." counter(number);
        margin-left: 0;
      }

      &.active, &.active::before {
        color: $white;
      }

    }
  }

  ul {
    @include list-unstyled();

    li {
      margin-left: 0;
      padding-left: map-get($spacers, 2);
    }
  }
}