[Summary view] [Print] [Text view]

   1  // List Groups
   2  
   3  // scss-docs-start list-group-mixin
   4  @mixin list-group-item-variant($state, $background, $color) {
   5    .list-group-item-#{$state} {
   6      color: $color;
   7      background-color: $background;
   8  
   9      &.list-group-item-action {
  10        &:hover,
  11        &:focus {
  12          color: $color;
  13          background-color: shade-color($background, 10%);
  14        }
  15  
  16        &.active {
  17          color: $white;
  18          background-color: $color;
  19          border-color: $color;
  20        }
  21      }
  22    }
  23  }
  24  // scss-docs-end list-group-mixin