_list-group.scss 433 B

123456789101112131415161718192021
  1. // List Groups
  2. @mixin list-group-item-variant($state, $background, $color) {
  3. .list-group-item-#{$state} {
  4. color: $color;
  5. background-color: $background;
  6. &.list-group-item-action {
  7. @include hover-focus() {
  8. color: $color;
  9. background-color: darken($background, 5%);
  10. }
  11. &.active {
  12. color: $white;
  13. background-color: $color;
  14. border-color: $color;
  15. }
  16. }
  17. }
  18. }