X-Git-Url: https://git.cworth.org/git?p=lmno.games;a=blobdiff_plain;f=empathy%2Fempathy.css;h=d553597c6a4b2ca2b3f20b03d140668e5dee1bf6;hp=e8a317ea5c3dc70e403f8490c1e86c622792152e;hb=dee335da95357a8993a22aab01809d5bbd3e9b57;hpb=53c8c6ba09301563293750e1010ca1ac8dd05590 diff --git a/empathy/empathy.css b/empathy/empathy.css index e8a317e..d553597 100644 --- a/empathy/empathy.css +++ b/empathy/empathy.css @@ -1 +1,31 @@ -/* Nothing to see here yet. */ +.vote-button { + width: 100%; + background-color: var(--accent-color); + color: var(--text-fg-on-accent); + text-align: left; + border-radius: 25px; + font-size: 200%; + padding: 1em; + margin-top: 0.25em; +} + +.vote-choices { + display: flex; +} + +.vote-choice { + font-size: 40%; + background-color: var(--accent-color-bright); + color: var(--text-fg-on-accent-bright); + border-radius: 4px; + padding-left: 4px; + padding-right: 4px; + margin-right: 0.5em; +} + +@media (hover:hover) { + button:hover .vote-choice { + background-color: var(--accent-color); + color: var(--text-fg-on-accent); + } +}