diff --git a/src/PartyPage.css b/src/PartyPage.css index 1e02e01..077b817 100644 --- a/src/PartyPage.css +++ b/src/PartyPage.css @@ -72,7 +72,7 @@ input[type="radio"]+label { } input[type="radio"]+label:hover { - text-shadow: 0 0 2em white; + text-shadow: 0 0 1em white; } input[type="radio"]+label:last-of-type { @@ -80,6 +80,19 @@ input[type="radio"]+label:last-of-type { } input[type="radio"]:checked+label { - color: #0f0; - text-shadow: 0 0 1em #0f0; + color: var(--selected-color); + text-shadow: 0 0 1em var(--selected-color); + text-decoration: underline; +} + +#coming-yes+label { + --selected-color: #0f0; +} + +#coming-maybe+label { + --selected-color: #fc0; +} + +#coming-no+label { + --selected-color: #f00; } \ No newline at end of file diff --git a/src/PartyPage.tsx b/src/PartyPage.tsx index f90a5b1..7c6baa4 100644 --- a/src/PartyPage.tsx +++ b/src/PartyPage.tsx @@ -94,6 +94,11 @@ export const PartyPage: React.FC = () => {
+ Ja, der 30. ist ein Sonntag. + Am 1. 11. ist aber Allerheiligen, also bietet es sich an am 31. nen Brückentag zu machen. + So hat man dann auch genug Zeit um nach den 25+ Stunden ordentlich auszuschlafen. +
Prinzipiell ja.