spur-tailwind/css/components/schedule.css

Spur web UI

.schedule-cell {
  & .schedule-cards {
    transition: width 300ms ease-in-out;
  }
  & .schedule-button {
    transition: opacity 300ms ease-in-out;
  }
  & .schedule-cards + .schedule-button {
    @apply right-0 w-1/3;
  }
}
.schedule-cell:hover {
  & .schedule-cards {
    @apply w-2/3;
  }
  & .schedule-button {
    @apply opacity-100;
  }
}