git.r.bdr.sh - rbdr/r.bdr.sh/blob - css/style.css

   1 html {
   2   scroll-behavior: smooth;
   3 }
   4
   5 body {
   6   font: -apple-system-body;
   7   font-family: "Hoefler Text", "Times New Roman", serif;
   8   font-feature-settings: "liga" 1, "dlig" 1, "pnum" 1;
   9   line-height: 1.6;
  10   letter-spacing: 0.02em;
  11 }
  12
  13 aside {
  14   clear: both;
  15 }
  16
  17 ::selection {
  18   color: #00f;
  19   background-color: #e8e8e8;
  20 }
  21
  22 @media only screen and (min-width: 500px) {
  23   body {
  24     overflow-x: auto;
  25   }
  26
  27   .columned {
  28     width: max-content;
  29   }
  30
  31   .columned .h2:not(:only-child) {
  32     float: left;
  33     margin: 0 40px;
  34   }
  35
  36   .columned .h2:not(:only-child) h2 {
  37     width: 14.6em;
  38   }
  39
  40   .columned .h2:not(:only-child) .h3,
  41   .columned .h2:not(:only-child) li,
  42   .columned .h2:not(:only-child) p {
  43     width: 22em;
  44   }
  45
  46   .columned .h2:not(:only-child) pre { width: 25em }
  47 }
  48
  49 .columned .h2:first-of-type pre {
  50   line-height: 1;
  51 }
  52
  53 blockquote, p { max-width: 45em }
  54 pre { max-width: 55em }
  55 blockquote {
  56   border-left: 4px solid #ccc;
  57   padding-left: 10px;
  58 }
  59
  60 br { display: none }
  61 pre {
  62   font-family: courier, monospace;
  63   font-size: 0.875em;
  64   background-color: #eee;
  65   overflow-x: auto;
  66 }
  67
  68 canvas {
  69   width: 64px;
  70   height: 64px;
  71   display: inline-block;
  72   background-color: #000;
  73   border: 1px solid #000;
  74 }
  75
  76 @media (prefers-color-scheme: dark) {
  77   body {
  78     color: #fff;
  79     background: #000;
  80   }
  81
  82   canvas {
  83     background-color: #fff;
  84     border: 1px solid #fff;
  85   }
  86
  87   a {
  88     color: #5dc1fd;
  89     display: inline-block;
  90     min-height: 48px;
  91   }
  92
  93   a:visited {
  94     color: #ed6eff;
  95   }
  96
  97   pre {
  98     background-color: #222;
  99   }
 100 }