mirrormanager-rocky/templates/rocky/rocky.css
2024-08-30 16:55:50 -04:00

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;
}