resources/scss/bootstrap/mixins/_list-group.scss

   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 }