21 lines
1.0 KiB
CSS
21 lines
1.0 KiB
CSS
@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"]
|
|
{
|
|
@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; } |