_accordion.scss 1.0 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152
  1. // Base styles
  2. .accordion-button {
  3. color: $accordion-button-color-alt;
  4. background-color: $accordion-button-bg-alt;
  5. &:not(.collapsed) {
  6. color: $accordion-button-active-color-alt;
  7. background-color: $accordion-button-active-bg-alt;
  8. box-shadow: inset 0 ($accordion-border-width * -1) 0 $accordion-border-color-alt;
  9. &::after {
  10. background-image: escape-svg($accordion-button-active-icon-alt);
  11. }
  12. }
  13. // Accordion icon
  14. &::after {
  15. background-image: escape-svg($accordion-button-icon-alt);
  16. }
  17. &:hover {
  18. z-index: 2;
  19. }
  20. &:focus {
  21. border-color: $accordion-button-focus-border-color-alt;
  22. box-shadow: $accordion-button-focus-box-shadow-alt;
  23. }
  24. }
  25. .accordion-item {
  26. background-color: $accordion-bg-alt;
  27. border: $accordion-border-width solid $accordion-border-color-alt;
  28. }
  29. // Flush accordion items
  30. .accordion-flush {
  31. .accordion-collapse {
  32. border-width: 0;
  33. }
  34. .accordion-item {
  35. border-right: 0;
  36. border-left: 0;
  37. &:first-child { border-top: 0; }
  38. &:last-child { border-bottom: 0; }
  39. }
  40. }