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     flex-wrap: wrap;
  15 }
  16
  17 .vote-choice {
  18     font-size: 40%;
  19     background-color: var(--accent-color-bright);
  20     color: var(--text-fg-on-accent-bright);
  21     border-radius: 4px;
  22     padding-left: 4px;
  23     padding-right: 4px;
  24     margin-right: 0.5em;
  25 }
  26
  27 @media (hover:hover) {
  28     button:hover .vote-choice {
  29         background-color: var(--accent-color);
  30         color: var(--text-fg-on-accent);
  31     }
  32 }
  33
  34 .ambiguity-group {
  35     width: 100%;
  36     display: flex;
  37     flex-wrap: wrap;
  38     justify-content: center;
  39     align-items: center;
  40     background-color: var(--accent-color);
  41     margin-bottom: 0.25em;
  42     padding: 0;
  43     border-radius: 10px;
  44 }
  45
  46 .ambiguity-button {
  47     border-radius: 10px;
  48     margin: 0;
  49 }
  50
  51 .ambiguity-button.selected {
  52     background-color: var(--accent-color-bright);
  53     color: var(--text-fg-on-accent-bright);
  54 }