668371a690
And a new "pledges" page to list them all!
60 lines
1.1 KiB
CSS
60 lines
1.1 KiB
CSS
@tailwind base;
|
|
@tailwind components;
|
|
@tailwind utilities;
|
|
|
|
a {
|
|
@apply underline;
|
|
}
|
|
|
|
.donate-option > input {
|
|
@apply hidden;
|
|
}
|
|
|
|
.donate-option > li {
|
|
@apply text-center inline-block p-10 bg-white rounded-md text-black border-2 border-white hover:border-green-500 hover:cursor-pointer h-full w-full;
|
|
}
|
|
|
|
.donate-option > input:checked + li {
|
|
@apply border-green-500 bg-green-400;
|
|
}
|
|
|
|
.input-custom {
|
|
@apply bg-inherit border-inherit inline-block text-center overflow-visible p-3 mx-auto;
|
|
}
|
|
|
|
.donate-option > input:checked + li:hover .input-custom {
|
|
@apply bg-white;
|
|
}
|
|
|
|
.donate-option > input:not(:checked) + li .input-custom {
|
|
@apply hidden;
|
|
}
|
|
|
|
.donate-option > input:checked + li .input-custom + span {
|
|
@apply hidden;
|
|
}
|
|
|
|
.recent-pledge {
|
|
@apply my-4 font-sans flex hover:text-orange-900;
|
|
}
|
|
|
|
.avatar-container {
|
|
@apply shrink-0 flex;
|
|
}
|
|
|
|
.avatar {
|
|
@apply text-2xl rounded-full bg-gray-600 text-white h-12 w-12 flex m-auto;
|
|
}
|
|
|
|
.recent-pledge:hover .avatar {
|
|
@apply bg-orange-600
|
|
}
|
|
|
|
.pledger-name {
|
|
@apply text-gray-600;
|
|
}
|
|
|
|
.recent-pledge:hover .pledger-name {
|
|
@apply text-orange-600;
|
|
}
|