spur-tailwind/css/components/rating-selector.css

Spur web UI

.rating-selector {
  @apply flex;

  & > :last-child {
    @apply border-r;
  }
}

.rating-selector-item {
  @apply flex w-15 h-11 border-spur-black border-t border-b border-l;
}

.rating-selector-label {
  @apply flex flex-grow justify-center items-center font-semibold cursor-pointer;
}

.rating-selector-input {
  @apply hidden;
}

.rating-selector-input:checked ~ .rating-selector-label {
  @apply bg-spur-black text-white;
}