A bit of tweaking of the design to learn more about tailwind.
This commit is contained in:
parent
9729ebc7ac
commit
8906322b6d
5 changed files with 64 additions and 32 deletions
|
@ -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 {
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue