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