//
// List group variant mixin
// --------------------------------------------------

.list-group-item-variant(@state; @background; @color; @border-color) {

  .list-group-item-@{state} {
    color: @color;
    background-color: @list-group-bg;
    padding-left: 2.5em;

    &:before {
      content: '';
      background-color: @background;
      border-color: @border-color;
    }

  }

  .list-group-lg .list-group-item-@{state},
  .list-group-item-lg.list-group-item-@{state} {

    padding-left: 3em;

    @media (min-width: @screen-sm-min) {
      padding-left: 3.5em;
    }
    
  }

}