list-group.less 533 B

123456789101112131415161718192021222324252627282930
  1. // List Groups
  2. .list-group-item-variant(@state; @background; @color) {
  3. .list-group-item-@{state} {
  4. color: @color;
  5. background-color: @background;
  6. a& {
  7. color: @color;
  8. .list-group-item-heading {
  9. color: inherit;
  10. }
  11. &:hover,
  12. &:focus {
  13. color: @color;
  14. background-color: darken(@background, 5%);
  15. }
  16. &.active,
  17. &.active:hover,
  18. &.active:focus {
  19. color: #fff;
  20. background-color: @color;
  21. border-color: @color;
  22. }
  23. }
  24. }
  25. }