_list-group.scss 672 B

1234567891011121314151617181920212223242526272829303132
  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. // [converter] extracted a&, button& to a.list-group-item-#{$state}, button.list-group-item-#{$state}
  7. }
  8. a.list-group-item-#{$state},
  9. button.list-group-item-#{$state} {
  10. color: $color;
  11. .list-group-item-heading {
  12. color: inherit;
  13. }
  14. &:hover,
  15. &:focus {
  16. color: $color;
  17. background-color: darken($background, 5%);
  18. }
  19. &.active,
  20. &.active:hover,
  21. &.active:focus {
  22. color: #fff;
  23. background-color: $color;
  24. border-color: $color;
  25. }
  26. }
  27. }