1 // List Groups

     2 

     3 @mixin list-group-item-variant($state, $background, $color) {

     4   .list-group-item-#{$state} {

     5     color: $color;

     6     background-color: $background;

     7 

     8     // [converter] extracted a&, button& to a.list-group-item-#{$state}, button.list-group-item-#{$state}

     9   }

    10 

    11   a.list-group-item-#{$state},

    12   button.list-group-item-#{$state} {

    13     color: $color;

    14 

    15     .list-group-item-heading {

    16       color: inherit;

    17     }

    18 

    19     &:hover,

    20     &:focus {

    21       color: $color;

    22       background-color: darken($background, 5%);

    23     }

    24     &.active,

    25     &.active:hover,

    26     &.active:focus {

    27       color: #fff;

    28       background-color: $color;

    29       border-color: $color;

    30     }

    31   }

    32 }