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 }