My blog
update styles
+48
+48
src/static/styles.css
+48
src/static/styles.css
···
75
75
--animate-*: initial;
76
76
--font-sans: "Inter", "ui-sans-serif", "system-ui", "sans-serif";
77
77
--font-serif: "IBM Plex Serif", "ui-serif", "serif";
78
+
/* CTP overrides --text-base, so we need this custom class for the base text size */
79
+
--text-default: 1rem;
80
+
--text-default--line-height: calc(1.5 / 1);
78
81
79
82
/* Flag Colors */
80
83
--color-trans-blue: #5bcffa;
···
131
134
@apply text-blue underline;
132
135
}
133
136
137
+
h2 {
138
+
@apply text-2xl font-sans;
139
+
}
140
+
134
141
p {
135
142
@apply mb-6;
136
143
}
···
166
173
@apply text-mauve!;
167
174
}
168
175
176
+
/* Disable <detail> folding on non-folding admonitions */
169
177
@utility no-fold {
170
178
pointer-events: none;
171
179
}
172
180
181
+
/* Callouts/Admonitions */
173
182
@utility callout {
174
183
@apply outline-1 rounded-sm py-2 pl-2 pr-4 outline-solid overflow-hidden;
175
184
outline-color: --alpha(var(--callout-color) / 50%);
···
289
298
}
290
299
}
291
300
301
+
/* Start Footnotes */
302
+
303
+
@utility fn {
304
+
@apply mb-2;
305
+
p {
306
+
@apply inline;
307
+
}
308
+
[data-editor-file] {
309
+
@apply inline;
310
+
}
311
+
}
312
+
313
+
@utility fn-backref {
314
+
&::before {
315
+
@apply inline-block text-blue align-bottom;
316
+
content: "\F131";
317
+
font-family: "bootstrap-icons";
318
+
}
319
+
}
320
+
321
+
/* End Footnotes */
322
+
323
+
/* Start ToC */
324
+
325
+
@utility toc {
326
+
@apply mt-3 mb-8;
327
+
}
328
+
329
+
@utility toc-l1 {
330
+
@apply border-l-2 border-overlay0 pl-2 ml-1 text-xl;
331
+
}
332
+
333
+
@utility toc-l2 {
334
+
@apply text-default border-l-2 pl-2 border-surface2 first-of-type:mt-1 last-of-type:mb-1;
335
+
}
336
+
337
+
/* End ToC */
338
+
339
+
/* Extra arbitrary styles */
292
340
details.callout .callout-title {
293
341
margin: 0;
294
342
cursor: pointer;