diff --git a/src/index.htm b/src/index.htm index ddc6cc1..fb929ed 100644 --- a/src/index.htm +++ b/src/index.htm @@ -114,7 +114,52 @@
-

[TK donation deets]

+

Donation options

+ +
diff --git a/src/style.css b/src/style.css index b5c61c9..286cd3f 100644 --- a/src/style.css +++ b/src/style.css @@ -1,3 +1,31 @@ @tailwind base; @tailwind components; @tailwind utilities; + +.donate-option > input { + @apply hidden; +} + +.donate-option > li { + @apply row-auto 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; +} + +.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; +} + +.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; +}