spur-tailwind/css/components/filter-drawer.css

Spur web UI

.filter-drawer {
  max-width: 18.75rem;
}

.filter-drawer,
.filter-drawer-toggle {
  @apply opacity-0;
  transition: transform 200ms ease-in-out 250ms, opacity 200ms ease-in-out 250ms;
  transform: translateX(-100%);

  &.is-active {
    @apply opacity-100;
    transform: translateX(0);
  }
}

.filter-drawer-filters {
  max-height: 60vh;
}