63 lines
1.4 KiB
CSS
63 lines
1.4 KiB
CSS
@tailwind base;
|
|
@tailwind components;
|
|
@tailwind utilities;
|
|
|
|
body {
|
|
display: flex;
|
|
flex-direction: column;
|
|
min-height: 100vh;
|
|
}
|
|
|
|
main {
|
|
display: flex;
|
|
flex-direction: column;
|
|
flex-grow: 1;
|
|
}
|
|
|
|
/* Prose */
|
|
.prose code,
|
|
.prose strong {
|
|
@apply dark:text-gray-300;
|
|
}
|
|
.prose h1,
|
|
.prose h2,
|
|
.prose h3,
|
|
.prose h4,
|
|
.prose h5,
|
|
.prose h6 {
|
|
@apply dark:text-white;
|
|
}
|
|
.prose a {
|
|
@apply text-green-600;
|
|
}
|
|
|
|
.prose blockquote {
|
|
@apply dark:text-white;
|
|
}
|
|
|
|
.prose img {
|
|
@apply rounded-md;
|
|
}
|
|
|
|
[type='text'], [type='email'], [type='url'], [type='password'], [type='number'], [type='date'], [type='datetime-local'], [type='month'], [type='search'], [type='tel'], [type='time'], [type='week'], [multiple], textarea, select {
|
|
@apply
|
|
rounded-md bg-gray-100 dark:bg-gray-700
|
|
dark:border-gray-600 border-gray-300 border-2
|
|
py-2 px-3
|
|
focus:outline-none focus:ring focus:ring-2 focus:border-green-600 focus:ring-green-500
|
|
transition duration-300 ease-in-out;
|
|
}
|
|
|
|
.form-group label {
|
|
@apply text-sm font-medium mb-2;
|
|
}
|
|
.form-group .check-box input {
|
|
@apply rounded-md bg-gray-100 dark:bg-gray-700
|
|
dark:border-gray-600 border-gray-300 border-2
|
|
p-1 checked:bg-green-600 checked:border-transparent
|
|
focus:outline-none focus:ring focus:ring-1 focus:border-green-600 focus:ring-green-500
|
|
transition duration-300 ease-in-out;
|
|
}
|
|
.form-group .check-box label {
|
|
@apply mb-0 ml-2;
|
|
} |