this repo has no description
tangled.org
1:root {
2 --white: #fff;
3 --light: #f4f4f4;
4 --cyan: #509c93;
5 --light-gray: #eee;
6 --medium-gray: #ddd;
7 --gray: #6a6a6a;
8 --dark: #444;
9 --darker: #222;
10
11 --sans-font: -apple-system, BlinkMacSystemFont, "Inter", "Roboto",
12 "Segoe UI", sans-serif;
13 --display-font: -apple-system, BlinkMacSystemFont, "Inter", "Roboto",
14 "Segoe UI", sans-serif;
15 --mono-font: "SF Mono", SFMono-Regular, ui-monospace, "DejaVu Sans Mono",
16 "Roboto Mono", Menlo, Consolas, monospace;
17}
18
19@media (prefers-color-scheme: dark) {
20 :root {
21 color-scheme: dark light;
22 --white: #000;
23 --light: #181818;
24 --cyan: #76c7c0;
25 --light-gray: #333;
26 --medium-gray: #444;
27 --gray: #aaa;
28 --dark: #ddd;
29 --darker: #f4f4f4;
30 }
31}
32
33html {
34 background: var(--white);
35 -webkit-text-size-adjust: none;
36 font-family: var(--sans-font);
37 font-weight: 380;
38}
39
40pre {
41 font-family: var(--mono-font);
42}
43
44::selection {
45 background: var(--medium-gray);
46 opacity: 0.3;
47}
48
49* {
50 box-sizing: border-box;
51 padding: 0;
52 margin: 0;
53}
54
55body {
56 max-width: 1000px;
57 padding: 0 13px;
58 margin: 40px auto;
59}
60
61main,
62footer {
63 font-size: 1rem;
64 padding: 0;
65 line-height: 160%;
66}
67
68header h1,
69h2,
70h3 {
71 font-family: var(--display-font);
72}
73
74h2 {
75 font-weight: 400;
76}
77
78strong {
79 font-weight: 500;
80}
81
82main h1 {
83 padding: 10px 0 10px 0;
84}
85
86main h2 {
87 font-size: 18px;
88}
89
90main h2,
91h3 {
92 padding: 20px 0 15px 0;
93}
94
95nav {
96 padding: 0.4rem 0 1.5rem 0;
97}
98
99nav ul {
100 padding: 0;
101 margin: 0;
102 list-style: none;
103 padding-bottom: 20px;
104}
105
106nav ul li {
107 padding-right: 10px;
108 display: inline-block;
109}
110
111a {
112 margin: 0;
113 padding: 0;
114 box-sizing: border-box;
115 text-decoration: none;
116 word-wrap: break-word;
117}
118
119a {
120 color: var(--darker);
121 border-bottom: 1.5px solid var(--medium-gray);
122}
123
124a:hover {
125 border-bottom: 1.5px solid var(--gray);
126}
127
128.index {
129 padding-top: 2em;
130 display: grid;
131 grid-template-columns: 6em 1fr minmax(0, 7em);
132 grid-row-gap: 0.5em;
133 min-width: 0;
134}
135
136.clone-url {
137 padding-top: 2rem;
138}
139
140.clone-url pre {
141 color: var(--dark);
142 white-space: pre-wrap;
143}
144
145.desc {
146 font-weight: normal;
147 color: var(--gray);
148 font-style: italic;
149}
150
151.tree {
152 display: grid;
153 grid-template-columns: 10ch auto 1fr;
154 grid-row-gap: 0.5em;
155 grid-column-gap: 1em;
156 min-width: 0;
157}
158
159.log {
160 display: grid;
161 grid-template-columns: 20rem minmax(0, 1fr);
162 grid-row-gap: 0.8em;
163 grid-column-gap: 8rem;
164 margin-bottom: 2em;
165 padding-bottom: 1em;
166 border-bottom: 1.5px solid var(--medium-gray);
167}
168
169.log pre {
170 white-space: pre-wrap;
171}
172
173.mode,
174.size {
175 font-family: var(--mono-font);
176}
177.size {
178 text-align: right;
179}
180
181.readme pre {
182 white-space: pre-wrap;
183 overflow-x: auto;
184}
185
186.readme {
187 background: var(--light-gray);
188 padding: 0.5rem;
189}
190
191.readme ul {
192 padding: revert;
193}
194
195.readme img {
196 max-width: 100%;
197}
198
199.diff {
200 margin: 1rem 0 1rem 0;
201 padding: 1rem 0 1rem 0;
202 border-bottom: 1.5px solid var(--medium-gray);
203}
204
205.diff pre {
206 overflow: scroll;
207}
208
209.diff-stat {
210 padding: 1rem 0 1rem 0;
211}
212
213.commit-hash,
214.commit-email {
215 font-family: var(--mono-font);
216}
217
218.commit-email:before {
219 content: "<";
220}
221
222.commit-email:after {
223 content: ">";
224}
225
226.commit {
227 margin-bottom: 1rem;
228}
229
230.commit pre {
231 padding-bottom: 1rem;
232 white-space: pre-wrap;
233}
234
235.diff-stat ul li {
236 list-style: none;
237 padding-left: 0.5em;
238}
239
240.diff-add {
241 color: green;
242}
243
244.diff-del {
245 color: red;
246}
247
248.diff-noop {
249 color: var(--gray);
250}
251
252.ref {
253 font-family: var(--sans-font);
254 font-size: 14px;
255 color: var(--gray);
256 display: inline-block;
257 padding-top: 0.7em;
258}
259
260.refs pre {
261 white-space: pre-wrap;
262 padding-bottom: 0.5rem;
263}
264
265.refs strong {
266 padding-right: 1em;
267}
268
269.line-numbers {
270 white-space: pre-line;
271 -moz-user-select: -moz-none;
272 -khtml-user-select: none;
273 -webkit-user-select: none;
274 -o-user-select: none;
275 user-select: none;
276 display: flex;
277 float: left;
278 flex-direction: column;
279 margin-right: 1ch;
280}
281
282.file-wrapper {
283 display: flex;
284 flex-direction: row;
285 grid-template-columns: 1rem minmax(0, 1fr);
286 gap: 1rem;
287 padding: 0.5rem;
288 background: var(--light-gray);
289 overflow-x: auto;
290}
291
292.chroma-file-wrapper {
293 display: flex;
294 flex-direction: row;
295 grid-template-columns: 1rem minmax(0, 1fr);
296 overflow-x: auto;
297}
298
299.file-content {
300 background: var(--light-gray);
301 overflow-y: hidden;
302 overflow-x: auto;
303}
304
305.diff-type {
306 color: var(--gray);
307}
308
309.commit-info {
310 color: var(--gray);
311 padding-bottom: 1.5rem;
312 font-size: 0.85rem;
313}
314
315@media (max-width: 600px) {
316 .index {
317 grid-row-gap: 0.8em;
318 }
319
320 .log {
321 grid-template-columns: 1fr;
322 grid-row-gap: 0em;
323 }
324
325 .index {
326 grid-template-columns: 1fr;
327 grid-row-gap: 0em;
328 }
329
330 .index-name:not(:first-child) {
331 padding-top: 1.5rem;
332 }
333
334 .commit-info:not(:last-child) {
335 padding-bottom: 1.5rem;
336 }
337
338 pre {
339 font-size: 0.8rem;
340 }
341}