@hummingbirdui/hummingbird/src/components/transitions.css

An open-source system designed for rapid development, without sacrificing the granular control of utility-first CSS.

.fade {
  @apply transition-opacity duration-150 ease-linear;
  &:not(.show) {
    @apply opacity-0;
  }
}
.collapse {
  @apply visible;
  &:not(.show) {
    @apply hidden;
  }
}
.collapsing {
  @apply h-0 overflow-hidden
  transition-[height] duration-300;

  &.collapse-horizontal {
    @apply w-0 h-auto
    transition-[width] duration-300;
  }
}