easy-going-rails/app/assets/stylesheets/tailwind/pagy.css

.pagy {
    @apply flex space-x-1 font-semibold text-sm text-gray-500;
  
    .page {
      a {
        @apply block rounded-lg px-3 py-1 bg-gray-200;
  
        &:hover {
          @apply bg-gray-300;
        }
      }
  
      &.active a {
        @apply text-white bg-gray-400 cursor-default;
      }
  
      &.disabled a {
        @apply text-gray-300 bg-gray-100 cursor-default;
      }
  
      &.gap {}
  
    }
  
    .pagy-combo-input,
    &.pagy-items-selector-js {
      @apply inline-block whitespace-nowrap bg-gray-200 rounded-lg px-3 py-0.5;
  
      input {
        @apply bg-gray-100 border-none rounded-md;
      }
    }
  }