79 lines
1.7 KiB
CSS
79 lines
1.7 KiB
CSS
@tailwind base;
|
|
@tailwind components;
|
|
@tailwind utilities;
|
|
|
|
/* Reset rules, default styles applied to plain HTML */
|
|
@layer base {
|
|
details > summary::-webkit-details-marker {
|
|
@apply hidden;
|
|
}
|
|
}
|
|
|
|
@layer components {
|
|
.prose {
|
|
table {
|
|
@apply divide-y divide-gray-300;
|
|
}
|
|
|
|
tr {
|
|
@apply divide-x divide-gray-100;
|
|
}
|
|
|
|
th {
|
|
@apply whitespace-nowrap px-2 py-3.5 text-left text-sm font-semibold text-gray-900;
|
|
}
|
|
|
|
tbody {
|
|
@apply divide-y divide-gray-200;
|
|
}
|
|
|
|
td {
|
|
@apply px-2 py-2 text-sm text-gray-500 whitespace-nowrap;
|
|
}
|
|
}
|
|
|
|
.form-field {
|
|
@apply relative border border-alpha-black-100 bg-white rounded-md shadow-xs;
|
|
@apply focus-within:shadow-none focus-within:border-gray-900 focus-within:ring-4 focus-within:ring-gray-100;
|
|
}
|
|
|
|
.form-field__label {
|
|
@apply px-3 pt-2 pb-0 block text-xs text-gray-500;
|
|
}
|
|
|
|
.form-field__input {
|
|
@apply px-3 pb-2 pt-1 text-sm w-full bg-transparent border-none opacity-100;
|
|
@apply focus:outline-none focus:ring-0 focus:opacity-100;
|
|
@apply placeholder-shown:opacity-50;
|
|
@apply disabled:opacity-50;
|
|
}
|
|
|
|
.form-field__radio {
|
|
@apply text-gray-900;
|
|
}
|
|
|
|
.form-field__submit {
|
|
@apply w-full p-3 text-center text-white bg-black rounded-lg cursor-pointer hover:bg-gray-700;
|
|
}
|
|
|
|
input:checked + label + .toggle-switch-dot {
|
|
transform: translateX(100%);
|
|
}
|
|
}
|
|
|
|
/* Small, single purpose classes that should take precedence over other styles */
|
|
@layer utilities {
|
|
.scrollbar::-webkit-scrollbar {
|
|
width: 4px;
|
|
}
|
|
|
|
.scrollbar::-webkit-scrollbar-thumb {
|
|
background: #d6d6d6;
|
|
border-radius: 10px;
|
|
}
|
|
|
|
.scrollbar::-webkit-scrollbar-thumb:hover {
|
|
background: #a6a6a6;
|
|
}
|
|
}
|