- commit
- 132c3f9
- parent
- 4de794d
- author
- Eric Bower
- date
- 2024-01-14 17:30:58 +0000 UTC
chore: use smol.css framework
2 files changed,
+1,
-381
+1,
-0
1@@ -10,6 +10,7 @@
2
3 {{template "meta" .}}
4
5+ <link rel="stylesheet" href="https://pico.sh/smol.css" />
6 <link rel="stylesheet" href="/main.css" />
7 </head>
8 <body>
+0,
-381
1@@ -1,376 +1,3 @@
2-*,
3-::before,
4-::after {
5- box-sizing: border-box;
6-}
7-
8-::-moz-focus-inner {
9- border-style: none;
10- padding: 0;
11-}
12-:-moz-focusring {
13- outline: 1px dotted ButtonText;
14-}
15-:-moz-ui-invalid {
16- box-shadow: none;
17-}
18-
19-@media (prefers-color-scheme: light) {
20- :root {
21- --white: #6a737d;
22- --code: #fff8d3;
23- --code-border: #f0d547;
24- --pre: #f6f8fa;
25- --bg-color: #fff;
26- --text-color: #24292f;
27- --link-color: #005cc5;
28- --visited: #6f42c1;
29- --blockquote: #005cc5;
30- --blockquote-bg: #fff;
31- --hover: #d73a49;
32- --grey: #ccc;
33- --success: #388038;
34- --error: #c02828;
35- }
36-}
37-
38-@media (prefers-color-scheme: dark) {
39- :root {
40- --white: #f2f2f2;
41- --code: #414558;
42- --code-border: #252525;
43- --pre: #252525;
44- --bg-color: #282a36;
45- --text-color: #f2f2f2;
46- --link-color: #8be9fd;
47- --visited: #bd93f9;
48- --blockquote: #bd93f9;
49- --blockquote-bg: #414558;
50- --hover: #ff80bf;
51- --grey: #414558;
52- --success: #388038;
53- --error: #c02828;
54- }
55-}
56-
57-html {
58- background-color: var(--bg-color);
59- color: var(--text-color);
60- line-height: 1.5;
61- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen,
62- Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", Arial,
63- sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
64- -webkit-text-size-adjust: 100%;
65- -moz-tab-size: 4;
66- tab-size: 4;
67-}
68-
69-body {
70- margin: 0 auto;
71- max-width: 900px;
72-}
73-
74-img {
75- max-width: 100%;
76- height: auto;
77-}
78-
79-b,
80-strong {
81- font-weight: bold;
82-}
83-
84-code,
85-kbd,
86-samp,
87-pre {
88- font-family: ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", Menlo,
89- monospace;
90- font-size: 0.8rem;
91-}
92-
93-code,
94-kbd,
95-samp {
96- background-color: var(--code);
97- border: 1px solid var(--code-border);
98-}
99-
100-pre > code {
101- background-color: inherit;
102- padding: 0;
103- border: none;
104-}
105-
106-code {
107- border-radius: 0.3rem;
108- padding: 0.15rem 0.2rem 0.05rem;
109-}
110-
111-pre {
112- border-radius: 5px;
113- padding: 1rem;
114- margin: 1rem 0;
115- overflow-x: auto;
116- background-color: var(--pre) !important;
117-}
118-
119-small {
120- font-size: 0.8rem;
121-}
122-
123-summary {
124- display: list-item;
125-}
126-
127-h1,
128-h2,
129-h3 {
130- margin: 0;
131- padding: 0.6rem 0 0 0;
132- border: 0;
133- font-style: normal;
134- font-weight: inherit;
135- font-size: inherit;
136-}
137-
138-hr {
139- color: inherit;
140- border: 0;
141- margin: 0;
142- height: 1px;
143- background: var(--grey);
144- margin: 1rem auto;
145- text-align: center;
146-}
147-
148-a {
149- text-decoration: underline;
150- color: var(--link-color);
151-}
152-
153-a:hover,
154-a:visited:hover {
155- color: var(--hover);
156-}
157-
158-a:visited {
159- color: var(--visited);
160-}
161-
162-a.link-grey {
163- text-decoration: underline;
164- color: var(--white);
165-}
166-
167-a.link-grey:visited {
168- color: var(--white);
169-}
170-
171-section {
172- margin-bottom: 1.4rem;
173-}
174-
175-section:last-child {
176- margin-bottom: 0;
177-}
178-
179-header {
180- margin: 1rem auto;
181-}
182-
183-p {
184- margin: 0.8rem 0;
185-}
186-
187-article {
188- overflow-wrap: break-word;
189-}
190-
191-blockquote {
192- border-left: 5px solid var(--blockquote);
193- background-color: var(--blockquote-bg);
194- padding: 0.8rem;
195- margin: 1rem 0;
196-}
197-
198-blockquote > p {
199- margin: 0;
200-}
201-
202-ul,
203-ol {
204- padding: 0 0 0 2rem;
205- list-style-position: outside;
206-}
207-
208-ul[style*="list-style-type: none;"] {
209- padding: 0;
210-}
211-
212-li {
213- margin: 0.5rem 0;
214-}
215-
216-li > pre {
217- padding: 0;
218-}
219-
220-footer {
221- text-align: center;
222- margin-bottom: 4rem;
223-}
224-
225-dt {
226- font-weight: bold;
227-}
228-
229-dd {
230- margin-left: 0;
231-}
232-
233-dd:not(:last-child) {
234- margin-bottom: 0.5rem;
235-}
236-
237-figure {
238- margin: 0;
239-}
240-
241-.mono {
242- font-family: ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", Menlo,
243- monospace;
244-}
245-
246-.box {
247- border-radius: 5px;
248- padding: 1rem;
249- margin: 1rem 0;
250- overflow-x: auto;
251- background-color: var(--pre) !important;
252-}
253-
254-.color-green {
255- color: var(--success);
256-}
257-
258-.color-red {
259- color: var(--error);
260-}
261-
262-.text-grey {
263- color: var(--grey);
264-}
265-
266-.text-2xl {
267- font-size: 1.85rem;
268- line-height: 1.15;
269-}
270-
271-.text-xl {
272- font-size: 1.55rem;
273- line-height: 1.15;
274-}
275-
276-.text-lg {
277- font-size: 1.35rem;
278- line-height: 1.15;
279-}
280-
281-.text-md {
282- font-size: 1.15rem;
283- line-height: 1.15;
284-}
285-
286-.text-sm {
287- font-size: 0.875rem;
288-}
289-
290-.text-center {
291- text-align: center;
292-}
293-
294-.font-bold {
295- font-weight: bold;
296-}
297-
298-.font-italic {
299- font-style: italic;
300-}
301-
302-.flex {
303- display: flex;
304-}
305-
306-.items-center {
307- align-items: center;
308-}
309-
310-.m-0 {
311- margin: 0;
312-}
313-
314-.mt {
315- margin-top: 0.5rem;
316-}
317-
318-.mb {
319- margin-bottom: 0.5rem;
320-}
321-
322-.mt-lg {
323- margin-top: 1.35rem;
324-}
325-
326-.my {
327- margin-top: 0.5rem;
328- margin-bottom: 0.5rem;
329-}
330-
331-.my-2 {
332- margin-top: 1rem;
333- margin-bottom: 1rem;
334-}
335-
336-.my-sm {
337- margin-top: 5px;
338- margin-bottom: 5px;
339-}
340-
341-.mx {
342- margin-left: 0.5rem;
343- margin-right: 0.5rem;
344-}
345-
346-.mx-2 {
347- margin-left: 1rem;
348- margin-right: 1rem;
349-}
350-
351-.p-sm {
352- padding: 0.5rem;
353-}
354-
355-.justify-between {
356- justify-content: space-between;
357-}
358-
359-.flex-1 {
360- flex: 1;
361-}
362-
363-.gap {
364- gap: 1rem;
365-}
366-
367-.gap-xs {
368- gap: 0.25rem;
369-}
370-
371-.border-b {
372- border-bottom: 1px solid #666;
373-}
374-
375 .tree-size {
376 width: 60px;
377 text-align: right;
378@@ -385,14 +12,6 @@ figure {
379 }
380
381 @media only screen and (max-width: 900px) {
382- body {
383- padding: 1rem;
384- }
385-
386- header {
387- margin: 0;
388- }
389-
390 .tree-commit {
391 display: none;
392 }