accordion.less 1.2 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950
  1. .ol-accordions-container :last-child {
  2. border: 0px !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(--neutral-20);
  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(--neutral-90);
  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. }
  28. &:not(.collapsed) {
  29. .custom-accordion-icon {
  30. transform: rotate(180deg);
  31. transition: transform 0.35s ease;
  32. }
  33. }
  34. }
  35. .custom-accordion-body {
  36. background-color: unset;
  37. text-align: left;
  38. padding: unset;
  39. padding-right: 2rem;
  40. margin-top: var(--spacing-04);
  41. font-size: var(--font-size-body-base);
  42. line-height: var(--line-height-03);
  43. }
  44. }
  45. }