@tailwind base;
@tailwind components;
@tailwind utilities;

/*

@layer components {
  .btn-primary {
    @apply py-2 px-4 bg-blue-200;
  }
}

*/

/* app/assets/stylesheets/application.tailwind.css */
@layer components {
  .pagination {
    @apply flex gap-2 items-center;
  }

  .pagination a {
    @apply px-3 py-1 text-gray-600 bg-white rounded-md border border-gray-300 hover:bg-gray-50;
  }

  .pagination .previous_page,
  .pagination .next_page {
    @apply font-bold;
  }

  .pagination .current {
    @apply px-3 py-1 text-white bg-blue-600 rounded-md border border-blue-600;
  }

  .pagination .disabled {
    @apply px-3 py-1 text-gray-400 bg-gray-100 rounded-md border border-gray-300 cursor-not-allowed;
  }
}