@import "tailwindcss";

h1 { @apply font-bold text-2xl; }
h2 { @apply font-bold text-xl; }
ul { @apply list-inside; }
li { @apply list-disc; }

.btn-new { @apply rounded-md px-3.5 py-2.5 bg-blue-600 hover:bg-blue-500 text-white block font-medium; }
.btn-show { @apply w-full sm:w-auto text-center rounded-md px-3.5 py-2.5 bg-gray-100 hover:bg-gray-50 inline-block font-medium; }
.btn-empty { @apply w-full sm:w-auto text-center mt-2 sm:mt-0 sm:ml-2 rounded-md px-3.5 py-2.5 bg-gray-100 hover:bg-gray-50 inline-block font-medium; }
.btn-destroy { @apply w-full sm:w-auto rounded-md px-3.5 py-2.5 text-white bg-red-600 hover:bg-red-500 font-medium cursor-pointer; }

.notice p#notice { @apply py-2 px-3 bg-green-50 mb-5 text-green-500 font-medium rounded-md inline-block; }

form input[type="text"],
form input[type="number"],
form input[type="date"],
form input[type="time"]
{
  @apply block shadow-sm rounded-md border px-3 py-2 mt-2 w-full;
}

form input[type="submit"] { @apply w-full sm:w-auto rounded-md px-3.5 py-2.5 bg-blue-600 hover:bg-blue-500 text-white inline-block font-medium cursor-pointer; }