_list-group.scss 1.7 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364
  1. // Interactive list items
  2. .list-group-item-action {
  3. color: $list-group-action-color-alt;
  4. // Hover state
  5. &:hover,
  6. &:focus {
  7. color: $list-group-action-hover-color-alt;
  8. background-color: $list-group-hover-bg-alt;
  9. }
  10. &:active {
  11. color: $list-group-action-active-color-alt;
  12. background-color: $list-group-action-active-bg-alt;
  13. }
  14. }
  15. // Individual list items
  16. .list-group-item {
  17. color: $list-group-color-alt;
  18. background-color: $list-group-bg-alt;
  19. border: $list-group-border-width solid $list-group-border-color-alt;
  20. &.disabled,
  21. &:disabled {
  22. color: $list-group-disabled-color-alt;
  23. background-color: $list-group-disabled-bg-alt;
  24. }
  25. // Include both here for `<a>`s and `<button>`s
  26. &.active {
  27. color: $list-group-active-color-alt;
  28. background-color: $list-group-active-bg-alt;
  29. border-color: $list-group-active-border-color-alt;
  30. }
  31. }
  32. // Flush list items
  33. .list-group-flush {
  34. > .list-group-item {
  35. border-width: 0 0 $list-group-border-width; // needed for nightshade variants
  36. &:last-child {
  37. border-bottom-width: 0;
  38. }
  39. }
  40. }
  41. // List group contextual variants
  42. @each $state, $value in $theme-colors-alt {
  43. $list-group-background-alt: shift-color($value, $list-group-item-bg-scale-alt);
  44. $list-group-color-alt: shift-color($value, $list-group-item-color-scale-alt);
  45. @if (contrast-ratio($list-group-background-alt, $list-group-color-alt) < $min-contrast-ratio-alt) {
  46. $list-group-color-alt: mix($value, color-contrast($list-group-background-alt, $color-contrast-dark-alt, $color-contrast-light-alt, $min-contrast-ratio-alt), abs($list-group-item-color-scale-alt));
  47. }
  48. @include list-group-item-variant($state, $list-group-background-alt, $list-group-color-alt);
  49. }