recoco/src/lib/Recoco.module.css

recoco is a reusable and customizable React Collapsible Container

/* CSS module for collapse-container.js */
/*
 * TODO: move the collapse logic from .collapse-content to .collapse-container. The height needs to be a hardcoded value in pixel, only if I use SASS I can use variables to calculate the hight
 */
.collapse-container {
  background-color: #ebecf0;
  border-radius: 4px 4px 0px 0px;
  margin-bottom: 20px;
  overflow-y: hidden;
  width: 100%;
  transition: max-height 1s;
}
.collapse-content {
  display: flex;
  flex-flow: column nowrap;
  padding: 1em 2em;
}
.collapse-content > h4 {
  margin-bottom: 1em;
}
.collapse-content pre {
  overflow-x: scroll;
  max-width: 600px;
}
.collapse-content pre > code {
  font-size: 0.8em;
}