@import "~bootstrap/scss/list-group";

.x-list-group-menu {
  @extend .px-3,
          .w-100;

  .list-group-item {
    @extend .d-flex,
            .border-0,
            .px-3,
            .my-2,
            .text-grey,
            .align-items-center;

    @include border-radius($border-radius-lg);

    font-size: $font-size-base;

    .x-icon-container {
      @extend .x-icon-xl,
              .pr-3;
    }

    @include x-hover-focus-active() {
      @extend .text-primary;
      background-color: #E8F0FC !important;
    }
  }
}