@sb1/ffe-collapse-react/css/collapse.css

React component for expand/collapse

.ffe-collapse {
  display: grid;
  grid-template-rows: 0fr;
  -webkit-transition: grid-template-rows var(--ffe-transition-duration) var(--ffe-ease);
  -o-transition: grid-template-rows var(--ffe-transition-duration) var(--ffe-ease);
  transition: grid-template-rows var(--ffe-transition-duration) var(--ffe-ease);
  transition: grid-template-rows var(--ffe-transition-duration) var(--ffe-ease), -ms-grid-rows var(--ffe-transition-duration) var(--ffe-ease);
}
.ffe-collapse--hidden {
  visibility: hidden;
}
.ffe-collapse--open {
  grid-template-rows: 1fr;
}
.ffe-collapse__inner {
  overflow: hidden;
}
.ffe-collapse__inner.ffe-collapse__inner--visible {
  overflow: visible;
}