accordion.scss 1.2 KB

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