git.r.bdr.sh - rbdr/junction/blob - safari/Junction/Resources/Style.css

   1 * {
   2     -webkit-user-select: none;
   3     -webkit-user-drag: none;
   4     cursor: default;
   5 }
   6
   7 :root {
   8     color-scheme: light dark;
   9
  10     --spacing: 20px;
  11 }
  12
  13 html {
  14     height: 100%;
  15 }
  16
  17 body {
  18     display: flex;
  19     align-items: center;
  20     justify-content: center;
  21     flex-direction: column;
  22
  23     gap: var(--spacing);
  24     margin: 0 calc(var(--spacing) * 2);
  25     height: 100%;
  26
  27     font: -apple-system-short-body;
  28     text-align: center;
  29 }
  30
  31 body:not(.state-on, .state-off) :is(.state-on, .state-off) {
  32     display: none;
  33 }
  34
  35 body.state-on :is(.state-off, .state-unknown) {
  36     display: none;
  37 }
  38
  39 body.state-off :is(.state-on, .state-unknown) {
  40     display: none;
  41 }
  42
  43 button {
  44     font-size: 1em;
  45 }