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 }
  32
  33 .ambiguity-group {
  34     width: 100%;
  35     display: flex;
  36     justify-content: center;
  37     align-items: center;
  38     background-color: var(--accent-color);
  39     margin-bottom: 0.25em;
  40     padding: 0;
  41     border-radius: 10px;
  42 }
  43
  44 .ambiguity-button {
  45     width: 100%;
  46     border-radius: 10px;
  47     margin: 0;
  48 }
  49
  50 .ambiguity-button.selected {
  51     background-color: var(--accent-color-bright);
  52     color: var(--text-fg-on-accent-bright);
  53 }