Started the tailwind conversion process.
This commit is contained in:
parent
ca8f4e194f
commit
9729ebc7ac
22 changed files with 970 additions and 365 deletions
45
static/input_style.css
Normal file
45
static/input_style.css
Normal file
|
@ -0,0 +1,45 @@
|
|||
@import "tailwindcss";
|
||||
|
||||
h1 {
|
||||
@apply text-6xl pb-4;
|
||||
}
|
||||
|
||||
h2 {
|
||||
@apply text-5xl pb-4;
|
||||
}
|
||||
|
||||
h3 {
|
||||
@apply text-4xl pb-4;
|
||||
}
|
||||
|
||||
h5 {
|
||||
@apply text-3xl pb-4;
|
||||
}
|
||||
|
||||
card {
|
||||
@apply flex flex-col bg-gray-800 max-w-md rounded-xl shadow-lg outline;
|
||||
}
|
||||
|
||||
card > top {
|
||||
@apply text-3xl font-bold text-center text-gray-50;
|
||||
}
|
||||
|
||||
card > bottom {
|
||||
@apply flex text-gray-50 p-3 justify-stretch *:flex-1 gap-2;
|
||||
}
|
||||
|
||||
card > middle {
|
||||
@apply flex flex-col text-xl bg-gray-800 p-6 gap-4;
|
||||
}
|
||||
|
||||
label {
|
||||
@apply font-bold text-white;
|
||||
}
|
||||
|
||||
input {
|
||||
@apply shadow-sm outline rounded-sm p-1 bg-gray-200;
|
||||
}
|
||||
|
||||
button {
|
||||
@apply rounded-sm shadow-sm bg-gray-100 text-gray-950 p-3;
|
||||
}
|
Loading…
Add table
Add a link
Reference in a new issue