fork of hey-api/openapi-ts because I need some additional things
mokkenstorm.dev
1@import '@fontsource/fira-mono';
2
3:root {
4 --font-body: Arial, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
5 Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
6 --font-mono: 'Fira Mono', monospace;
7 --color-bg-0: rgb(202, 216, 228);
8 --color-bg-1: hsl(209, 36%, 86%);
9 --color-bg-2: hsl(224, 44%, 95%);
10 --color-theme-1: #ff3e00;
11 --color-theme-2: #4075a6;
12 --color-text: rgba(0, 0, 0, 0.7);
13 --column-width: 42rem;
14 --column-margin-top: 4rem;
15 font-family: var(--font-body);
16 color: var(--color-text);
17}
18
19body {
20 min-height: 100vh;
21 margin: 0;
22 background-attachment: fixed;
23 background-color: var(--color-bg-1);
24 background-size: 100vw 100vh;
25 background-image: radial-gradient(
26 50% 50% at 50% 50%,
27 rgba(255, 255, 255, 0.75) 0%,
28 rgba(255, 255, 255, 0) 100%
29 ),
30 linear-gradient(
31 180deg,
32 var(--color-bg-0) 0%,
33 var(--color-bg-1) 15%,
34 var(--color-bg-2) 50%
35 );
36}
37
38h1,
39h2,
40p {
41 font-weight: 400;
42}
43
44p {
45 line-height: 1.5;
46}
47
48a {
49 color: var(--color-theme-1);
50 text-decoration: none;
51}
52
53a:hover {
54 text-decoration: underline;
55}
56
57h1 {
58 font-size: 2rem;
59 text-align: center;
60}
61
62h2 {
63 font-size: 1rem;
64}
65
66pre {
67 font-size: 16px;
68 font-family: var(--font-mono);
69 background-color: rgba(255, 255, 255, 0.45);
70 border-radius: 3px;
71 box-shadow: 2px 2px 6px rgb(255 255 255 / 25%);
72 padding: 0.5em;
73 overflow-x: auto;
74 color: var(--color-text);
75}
76
77.text-column {
78 display: flex;
79 max-width: 48rem;
80 flex: 0.6;
81 flex-direction: column;
82 justify-content: center;
83 margin: 0 auto;
84}
85
86input,
87button {
88 font-size: inherit;
89 font-family: inherit;
90}
91
92button:focus:not(:focus-visible) {
93 outline: none;
94}
95
96@media (min-width: 720px) {
97 h1 {
98 font-size: 2.4rem;
99 }
100}
101
102.visually-hidden {
103 border: 0;
104 clip: rect(0 0 0 0);
105 height: auto;
106 margin: 0;
107 overflow: hidden;
108 padding: 0;
109 position: absolute;
110 width: 1px;
111 white-space: nowrap;
112}