mirrormanager-rocky/templates/rocky/rocky.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;
}