@import "tailwindcss";
@plugin "@tailwindcss/typography";
@plugin "daisyui" {
  themes: light --default;
}

.pagy {
  &.nav{
    @apply flex justify-center border-t border-gray-200 px-4 sm:px-0 font-light
  }
  a {
    @apply px-3 py-2 mx-1 border-t-2 border-transparent text-gray-700
   
  }
  a:hover {
    @apply border-t-2 border-gray-300 text-gray-800
  }
  .gap, .gap:hover {
    @apply bg-transparent cursor-default border-t-2 border-transparent
  }
  a.current {
    @apply text-indigo-600 cursor-default border-t-2 border-indigo-600
  }
  a:not([href], .gap, .current) { /* disabled links */
    @apply hidden
  }
}
.pagy.info {
  @apply text-sm text-gray-400 text-center block my-2
}