pyrox.dev
1html {
2 line-height: 1.15;
3 -webkit-text-size-adjust: 100%;
4}
5
6body {
7 margin: 0;
8}
9
10.book {
11 margin: auto;
12 width: 100%;
13}
14
15@media screen and (min-width: 768px) {
16 .book {
17 max-width: 46rem;
18 }
19}
20
21@media screen and (min-width: 992px) {
22 .book {
23 max-width: 60rem;
24 }
25}
26
27@media screen and (min-width: 1200px) {
28 .book {
29 max-width: 73rem;
30 }
31}
32
33.book .list-of-examples {
34 display: none;
35}
36
37h1 {
38 font-size: 2em;
39 margin: 0.67em 0;
40}
41
42hr {
43 box-sizing: content-box;
44 height: 0;
45 overflow: visible;
46}
47
48pre {
49 font-family: monospace, monospace;
50 font-size: 1em;
51}
52
53a {
54 background-color: transparent;
55}
56
57strong {
58 font-weight: bolder;
59}
60
61code {
62 font-family: monospace, monospace;
63 font-size: 1em;
64}
65
66sup {
67 font-size: 75%;
68 line-height: 0;
69 position: relative;
70 vertical-align: baseline;
71}
72
73sup {
74 top: -0.5em;
75}
76
77::-webkit-file-upload-button {
78 -webkit-appearance: button;
79 font: inherit;
80}
81
82pre {
83 overflow: auto;
84}
85
86*,
87*::before,
88*::after {
89 box-sizing: border-box;
90}
91
92html {
93 font-size: 100%;
94 line-height: 1.77777778;
95}
96
97@media screen and (min-width: 4000px) {
98 html {
99 background: #000;
100 }
101
102 html body {
103 margin: auto;
104 max-width: 250rem;
105 }
106}
107
108@media screen and (max-width: 320px) {
109 html {
110 font-size: calc(16 / 320 * 100vw);
111 }
112}
113
114body {
115 font-size: 1rem;
116 font-family: 'Roboto', sans-serif;
117 font-weight: 300;
118 color: #000000;
119 background-color: #ffffff;
120 min-height: 100vh;
121 display: flex;
122 flex-direction: column;
123}
124
125@media screen and (max-width: 767.9px) {
126 body {
127 padding-left: 1rem;
128 padding-right: 1rem;
129 }
130}
131
132a {
133 text-decoration: none;
134 border-bottom: 1px solid;
135 color: #405d99;
136}
137
138ul {
139 padding: 0;
140 margin-top: 0;
141 margin-right: 0;
142 margin-bottom: 1rem;
143 margin-left: 1rem;
144}
145
146table {
147 border-collapse: collapse;
148 width: 100%;
149 margin-bottom: 1rem;
150}
151
152thead th {
153 text-align: left;
154}
155
156hr {
157 margin-top: 1rem;
158 margin-bottom: 1rem;
159}
160
161h1 {
162 font-weight: 800;
163 line-height: 110%;
164 font-size: 200%;
165 margin-bottom: 1rem;
166 color: #6586c8;
167}
168
169h2 {
170 font-weight: 800;
171 line-height: 110%;
172 font-size: 170%;
173 margin-bottom: 0.625rem;
174 color: #6586c8;
175}
176
177h2:not(:first-child) {
178 margin-top: 1rem;
179}
180
181h3 {
182 font-weight: 800;
183 line-height: 110%;
184 margin-bottom: 1rem;
185 font-size: 150%;
186 color: #6586c8;
187}
188
189.note h3,
190.tip h3,
191.warning h3,
192.caution h3,
193.important h3 {
194 font-size: 120%;
195}
196
197h4 {
198 font-weight: 800;
199 line-height: 110%;
200 margin-bottom: 1rem;
201 font-size: 140%;
202 color: #6586c8;
203}
204
205h5 {
206 font-weight: 800;
207 line-height: 110%;
208 margin-bottom: 1rem;
209 font-size: 130%;
210 color: #6a6a6a;
211}
212
213h6 {
214 font-weight: 800;
215 line-height: 110%;
216 margin-bottom: 1rem;
217 font-size: 120%
218}
219
220strong {
221 font-weight: bold;
222}
223
224p {
225 margin-top: 0;
226 margin-bottom: 1rem;
227}
228
229dt>*:first-child,
230dd>*:first-child {
231 margin-top: 0;
232}
233
234dt>*:last-child,
235dd>*:last-child {
236 margin-bottom: 0;
237}
238
239pre,
240code {
241 font-family: monospace;
242}
243
244code {
245 color: #ff8657;
246 background: #f4f4f4;
247 display: inline-block;
248 padding: 0 0.5rem;
249 border: 1px solid #d8d8d8;
250 border-radius: 0.5rem;
251 line-height: 1.57777778;
252}
253
254div.book .programlisting,
255div.appendix .programlisting {
256 border-radius: 0.5rem;
257 padding: 1rem;
258 overflow: auto;
259 background: #f2f8fd;
260 color: #000000;
261}
262
263div.book .note,
264div.book .tip,
265div.book .warning,
266div.book .caution,
267div.book .important,
268div.appendix .note,
269div.appendix .tip,
270div.appendix .warning,
271div.appendix .caution,
272div.appendix .important {
273 margin-bottom: 1rem;
274 border-radius: 0.5rem;
275 padding: 1.5rem;
276 overflow: auto;
277 background: #f4f4f4;
278}
279
280div.book .note>.title,
281div.book .tip>.title,
282div.book .warning>.title,
283div.book .caution>.title,
284div.book .important>.title,
285div.appendix .note>.title,
286div.appendix .tip>.title,
287div.appendix .warning>.title,
288div.appendix .caution>.title,
289div.appendix .important>.title {
290 font-weight: 800;
291 /* font-family: 'Overpass', serif; */
292 line-height: 110%;
293 margin-bottom: 1rem;
294 color: inherit;
295 margin-bottom: 0;
296}
297
298div.book .note> :first-child,
299div.book .tip> :first-child,
300div.book .warning> :first-child,
301div.book .caution> :first-child,
302div.book .important> :first-child,
303div.appendix .note> :first-child,
304div.appendix .tip> :first-child,
305div.appendix .warning> :first-child,
306div.appendix .caution> :first-child,
307div.appendix .important> :first-child {
308 margin-top: 0;
309}
310
311div.book .note> :last-child,
312div.book .tip> :last-child,
313div.book .warning> :last-child,
314div.book .caution> :last-child,
315div.book .important> :last-child,
316div.appendix .note> :last-child,
317div.appendix .tip> :last-child,
318div.appendix .warning> :last-child,
319div.appendix .caution> :last-child,
320div.appendix .important> :last-child {
321 margin-bottom: 0;
322}
323
324div.book .note,
325div.book .tip,
326div.appendix .note,
327div.appendix .tip {
328 color: #5277c3;
329 background: #f2f8fd;
330}
331
332div.book .warning,
333div.book .caution,
334div.appendix .warning,
335div.appendix .caution {
336 color: #cc3900;
337 background-color: #fff5e1;
338}
339
340div.book .section,
341div.appendix .section {
342 margin-top: 2em;
343}
344
345div.book div.example,
346div.appendix div.example {
347 margin-top: 1.5em;
348}
349
350div.book div.example details,
351div.appendix div.example details {
352 padding: 5px;
353}
354
355div.book div.example details[open],
356div.appendix div.example details[open] {
357 border: 1px solid #aaa;
358 border-radius: 4px;
359}
360
361div.book div.example details>summary,
362div.appendix div.example details>summary {
363 cursor: pointer;
364}
365
366div.book br.example-break,
367div.appendix br.example-break {
368 display: none;
369}
370
371div.book div.footnotes>hr,
372div.appendix div.footnotes>hr {
373 border-color: #d8d8d8;
374}
375
376div.book div.footnotes>br,
377div.appendix div.footnotes>br {
378 display: none;
379}
380
381div.book dt,
382div.appendix dt {
383 margin-top: 1em;
384}
385
386div.book .toc dt,
387div.appendix .toc dt {
388 margin-top: 0;
389}
390
391div.book .list-of-examples dt,
392div.appendix .list-of-examples dt {
393 margin-top: 0;
394}
395
396div.book code,
397div.appendix code {
398 padding: 0;
399 border: 0;
400 background-color: inherit;
401 color: inherit;
402 font-size: 100%;
403 -webkit-hyphens: none;
404 -moz-hyphens: none;
405 hyphens: none;
406}
407
408div.book div.toc,
409div.appendix div.toc {
410 margin-bottom: 3em;
411 border-bottom: 0.0625rem solid #d8d8d8;
412}
413
414div.book div.toc dd,
415div.appendix div.toc dd {
416 margin-left: 2em;
417}
418
419div.book span.command,
420div.appendix span.command {
421 font-family: monospace;
422 -webkit-hyphens: none;
423 -moz-hyphens: none;
424 hyphens: none;
425}
426
427div.book .informaltable th,
428div.book .informaltable td,
429div.appendix .informaltable th,
430div.appendix .informaltable td {
431 padding: 0.5rem;
432}
433
434/*
435 This relies on highlight.js applying certain classes on the prompts.
436 For more details, see https://highlightjs.readthedocs.io/en/latest/css-classes-reference.html#stylable-scopes
437*/
438.hljs-meta.prompt_ {
439 user-select: none;
440 -webkit-user-select: none;
441}