@tailwind base; @tailwind components; @tailwind utilities; @layer components { .item-hover { @apply p-3 cursor-pointer hover:bg-neutral-300 dark:hover:bg-neutral-700 transition-all; } .item { @apply p-3; } .container { @apply bg-neutral-200 dark:bg-neutral-800 dark:text-gray-300 text-gray-900 shadow rounded; } .btn { @apply bg-primary hover:bg-orange-700 text-gray-900 font-bold px-3 py-1 shadow rounded transition-all hover:cursor-pointer; } .btn-disabled { @apply bg-primary opacity-50 text-gray-900 font-bold px-3 py-1 shadow rounded transition-all hover:cursor-not-allowed; } .divider { @apply w-full h-1 bg-neutral-250 dark:bg-neutral-850; } }