A bit of tweaking of the design to learn more about tailwind.

This commit is contained in:
Zed A. Shaw 2025-08-10 21:38:34 -04:00
parent 9729ebc7ac
commit 8906322b6d
5 changed files with 64 additions and 32 deletions

View file

@ -1,5 +1,17 @@
@import "tailwindcss";
body {
@apply text-gray-950 dark:text-gray-50;
}
header {
@apply flex bg-gray-950 *:text-gray-50 *:flex-1 *:text-xl p-6;
}
footer {
@apply bg-gray-950 text-gray-50 text-lg flex p-6;
}
h1 {
@apply text-6xl pb-4;
}
@ -33,11 +45,15 @@ card > middle {
}
label {
@apply font-bold text-white;
@apply font-bold text-950 dark:text-white;
}
input {
@apply shadow-sm outline rounded-sm p-1 bg-gray-200;
@apply shadow-sm outline rounded-sm p-1 bg-gray-200 text-gray-950 dark:text-gray-950;
}
input::placeholder {
@apply text-gray-700 dark:text-gray-700;
}
button {