77 lines
1.4 KiB
CSS
77 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;
|
|
}
|