accordion.scss 1.4 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758
  1. .ol-accordions-container .custom-accordion-item:last-of-type {
  2. border: 0 !important;
  3. }
  4. .plans-2026 .ol-accordions-container .custom-accordion-item:last-of-type {
  5. border-bottom: 1px solid var(--border-divider) !important;
  6. }
  7. .ol-accordions-container {
  8. .custom-accordion-item {
  9. width: 100%;
  10. padding-top: var(--spacing-08);
  11. padding-bottom: var(--spacing-09);
  12. border-bottom: 1px solid var(--border-divider);
  13. .custom-accordion-header {
  14. text-align: left;
  15. width: 100%;
  16. font-size: var(--font-size-04);
  17. font-weight: 600;
  18. line-height: var(--line-height-03);
  19. color: var(--content-primary);
  20. background-color: unset;
  21. border: unset;
  22. display: flex;
  23. justify-content: space-between;
  24. padding: unset;
  25. .custom-accordion-icon {
  26. display: flex;
  27. align-items: center;
  28. transition: transform 0.35s ease;
  29. margin-left: var(--spacing-08);
  30. .material-symbols {
  31. font-size: var(--font-size-06);
  32. }
  33. }
  34. &:not(.collapsed) {
  35. .custom-accordion-icon {
  36. transform: rotate(180deg);
  37. transition: transform 0.35s ease;
  38. }
  39. }
  40. }
  41. .custom-accordion-body {
  42. @include body-base;
  43. background-color: unset;
  44. text-align: left;
  45. padding: unset;
  46. padding-right: 2rem;
  47. margin-top: var(--spacing-04);
  48. }
  49. }
  50. }