git.cworth.org Git - lmno.games/blob - empathy/empathy.css

   1 .vote-button {
   2     width: 100%;
   3     background-color: var(--accent-color);
   4     color: var(--text-fg-on-accent);
   5     text-align: left;
   6     border-radius: 25px;
   7     font-size: 200%;
   8     padding: 1em;
   9     margin-bottom: 0.25em;
  10 }
  11
  12 .vote-choices {
  13     display: flex;
  14 }
  15
  16 .vote-choice {
  17     font-size: 40%;
  18     background-color: var(--accent-color-bright);
  19     color: var(--text-fg-on-accent-bright);
  20     border-radius: 4px;
  21     padding-left: 4px;
  22     padding-right: 4px;
  23     margin-right: 0.5em;
  24 }
  25
  26 @media (hover:hover) {
  27     button:hover .vote-choice {
  28         background-color: var(--accent-color);
  29         color: var(--text-fg-on-accent);
  30     }
  31 }