]>
git.r.bdr.sh - rbdr/r.bdr.sh/blob - css/style.css
1 html
{ scroll-behavior: smooth
}
5 font: -apple-system-body
;
6 font-family: "Hoefler Text", "Times New Roman", serif
;
7 font-feature-settings: "liga" 1, "dlig" 1, "pnum" 1;
9 letter-spacing: 0.02em;
20 background-color: #e8e8e8;
23 @media only screen and
(min-width: 500px) {
24 body
{ overflow-x: auto
}
25 main
{ padding: 0 64px 0 74px }
32 .columned { width: max-content
}
34 .columned .h2:not(:only-child) {
39 .columned .h2:not(:only-child) h2 { width: 14.6em }
41 .columned
.h2:not
(:only-child
) .h3
,
42 .columned
.h2:not
(:only-child
) li
,
43 .columned .h2:not(:only-child) p { width: 24em }
44 .columned .h2:not(:only-child) pre { width: 25em }
52 .columned .h2:first-of-type pre { line-height: 1 }
54 .a { margin: 0 0.3em }
55 blockquote
, p
, article
> div
{
58 pre
{ max-width: 55em }
60 border-left: 4px solid
#ccc;
65 h1
, h2
, h3
{ font-weight: normal
}
67 h2
{ font-size: 1.65em }
68 h3
{ font-size: 1.25em }
69 header h1
{ font-size: 1em }
71 font-family: courier
, monospace
;
73 background-color: #eee;
82 background-color: #000;
83 border: 1px solid
#000;
86 @media (prefers-color-scheme: dark
) {
93 background-color: #fff;
94 border: 1px solid
#fff;
99 display: inline-block
;
103 a:visited
{ color: #ed6eff }
105 pre
{ background-color: #222 }