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

   1 body {
   2   font-family: "Times New Roman", Times, serif;
   3   line-height: 1.6;
   4   letter-spacing: 0.02em;
   5 }
   6
   7 @media only screen and (min-width: 500px) {
   8   body {
   9     overflow-x: auto;
  10   }
  11
  12   .columned {
  13     height: calc(100vh - 180px);
  14     width: max-content;
  15   }
  16
  17   .columned .h2 {
  18     float: left;
  19     margin: 0 40px;
  20     height: calc(100vh - 180px);
  21   }
  22
  23   .columned h2 {
  24     width: 14.6em;
  25   }
  26
  27   .columned .h3, .columned p {
  28     width: 22em;
  29     break-inside: prevent;
  30   }
  31
  32   .columned pre { width: 25em }
  33 }
  34
  35 blockquote, p { max-width: 45em }
  36 pre { max-width: 55em }
  37 blockquote {
  38   border-left: 4px solid #ccc;
  39   padding-left: 10px;
  40 }
  41
  42 h1, h2, h3 { font-weight: normal }
  43 br { display: none }
  44 pre {
  45   font-family: Monaco, monospace;
  46   font-size: 14px;
  47   background-color: #eee;
  48   overflow-x: auto;
  49 }
  50
  51 canvas {
  52   width: 64px;
  53   height: 64px;
  54   display: inline-block;
  55   background-color: gainsboro;
  56 }
  57
  58 @media (prefers-color-scheme: dark) {
  59   body {
  60     color: #fff;
  61     background: #000;
  62   }
  63
  64   a {
  65     color: #5dc1fd;
  66     display: inline-block;
  67     min-height: 48px;
  68   }
  69
  70   a:visited {
  71     color: #ed6eff;
  72   }
  73
  74   pre {
  75     background-color: #222;
  76   }
  77 }