$x-list-group-action-disabled-opacity:  0.5    !default;
$x-list-group-action-space:             2rem   !default;
$x-list-group-action-space-lg:          2.5rem !default;


%x-list-group-action,
.x-list-group-action {
  .list-group {
    @extend %list-group-flush;
  }

  .list-group-item {
    @extend %font-size-sm,
            %d-flex,
            %align-items-center,
            %text-primary;

    &:only-of-type,
    &:last-child {
      border-bottom: none;
    }

    span {
      @extend %text-default,
              %flex-auto;
    }

    .x-icon-container {
      @extend %x-icon-lg;

      &:first-child {
        @extend %pr-3;
      }

      .x-icon {
        width: 1.25rem;
        height: 1.25rem;
      }
    }
    &.disabled {
      @extend %cursor-default;
      opacity: $x-list-group-action-disabled-opacity;
    }
    @include x-hover-focus-active() {
      &,
      span {
        @extend %text-secondary-darker;
      }
    }
  }

  a.list-group-item {
    &:hover,
    &:focus {
      text-decoration: none !important;
    }
  }

  &:not(.x-no-indent) {
    .list-group {
      padding-left: $x-list-group-action-space;

      .list-group-item {
        @extend %pl-0;

        .x-icon-container {
          margin-left: -$x-list-group-action-space;
        }
      }
    }
  }

  &.x-list-group-dark {
    .list-group {
      .list-group-item {
        @extend %mb-1,
                %text-light-secondary;

        opacity: 0.8;

        @include x-hover-focus-active {
          opacity: 1;
        }
        // &.mb-0 {
        //   @extend %mb-0;
        // }
      }
    }
  }
}

.x-list-group-action-lg {
  @extend %x-list-group-action;

  .list-group {
    .list-group-item {
      @extend %font-size-lg,
              .border-0;

      .x-icon-container {
        @extend %x-icon-xl;
      }

      padding-top: 0.625rem;
      padding-bottom: 0.625rem;
    }
  }

  &:not(.x-no-indent) {
    .list-group {
      padding-left: $x-list-group-action-space-lg;

      .list-group-item {
        .x-icon-container {
          margin-left: -$x-list-group-action-space-lg;
        }
      }
    }
  }
}

.x-list-group-action-slim {
    @extend %x-list-group-dark;

  .x-list-group-action-slim-item {
    @extend %px-0,
            %py-3,
            .border-0,
            .rounded-0,
            %btn,
            %btn-link,
            %text-info,
            %d-flex,
            %justify-content-center,
            %align-items-center,
            %position-relative;

    .x-icon-container {
      @extend %x-icon-lg;
    }

    @include hover-focus-active() {
      background: theme-color('secondary');
      .x-icon-container {
        @extend %text-white;
      }
    }
  }

  .aside-slim-separator {
      @extend %mx-3,
              %my-1,
              .border,
              .border-info-transparent;
  }

}

.x-list-group-action-compressed {
  .list-group .list-group-item{
    padding: 0.625rem 0.5rem;
  }
}