_list-group.scss 575 B

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