@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;
    }
  }
}