accordion.css 996 B

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455
  1. /*
  2. * DO NOT EDIT THIS FILE.
  3. * See the following change record for more information,
  4. * https://www.drupal.org/node/2815083
  5. * @preserve
  6. */
  7. /**
  8. * @file
  9. * Accordion styles.
  10. */
  11. .accordion {
  12. color: #222330;
  13. border: 1px solid rgba(216, 217, 224, 0.8);
  14. border-radius: 2px;
  15. background-color: #fff;
  16. box-shadow: 0
  17. 2px
  18. 4px
  19. rgba(0, 0, 0, 0.1);
  20. }
  21. .accordion__item {
  22. margin: 0 -1px;
  23. border-radius: 0;
  24. }
  25. .accordion__item:first-child {
  26. margin-top: -1px;
  27. border-top-left-radius: 2px;
  28. border-top-right-radius: 2px;
  29. }
  30. .accordion__item + .accordion__item {
  31. margin-top: -1px;
  32. }
  33. .accordion__item:last-child {
  34. margin-bottom: -1px;
  35. border-bottom-right-radius: 2px;
  36. border-bottom-left-radius: 2px;
  37. }
  38. /**
  39. * Hide JS summary from the details polyfill to make it consistent with native
  40. * details elements.
  41. *
  42. * @todo Consider removing this after https://www.drupal.org/node/2493957 has
  43. * been solved.
  44. */
  45. .accordion__item .claro-details__summary .summary {
  46. display: none;
  47. }