1 // List Groups

     2 

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

     4   .list-group-item-@{state} {

     5     color: @color;

     6     background-color: @background;

     7 

     8     a& {

     9       color: @color;

    10 

    11       .list-group-item-heading {

    12         color: inherit;

    13       }

    14 

    15       &:hover,

    16       &:focus {

    17         color: @color;

    18         background-color: darken(@background, 5%);

    19       }

    20       &.active,

    21       &.active:hover,

    22       &.active:focus {

    23         color: #fff;

    24         background-color: @color;

    25         border-color: @color;

    26       }

    27     }

    28   }

    29 }