my website at https://anirudh.fi
css: rework footnotes alignment
+15
-22
+15
-22
static/style.css
+15
-22
static/style.css
···
389
389
color: var(--gray);
390
390
}
391
391
392
-
.footnote-ref a {
393
-
text-decoration: none;
394
-
color: var(--light);
395
-
border-radius: 50%;
396
-
text-align: center;
397
-
line-height: 0.8rem;
398
-
background: var(--cyan);
399
-
width: 0.8rem;
400
-
height: 0.8rem;
401
-
font-size: 0.6rem;
402
-
display: inline-block;
403
-
border-bottom: unset;
404
-
}
405
-
406
-
.footnotes > ol {
407
-
list-style-type: none;
408
-
counter-reset: counter;
392
+
.footnotes > ol li {
393
+
display: flex;
394
+
align-items: center;
395
+
gap: 0.8rem;
409
396
}
410
397
411
398
.footnotes > ol li::before {
412
399
content: counter(counter);
413
400
border-radius: 50%;
414
401
text-align: center;
415
-
line-height: 1.2rem;
402
+
line-height: 160%;
416
403
color: var(--light);
417
404
background: var(--cyan);
418
405
width: 18px;
419
406
height: 18px;
420
407
font-size: 11px;
421
-
margin-right: 0.8rem;
422
-
box-sizing: content-box;
423
408
display: inline-block;
424
-
position: relative;
425
-
transform: translateY(-2px);
409
+
flex-shrink: 0;
410
+
}
411
+
412
+
.footnotes > ol li p {
413
+
margin: 0;
414
+
line-height: 160%;
415
+
}
416
+
417
+
.footnote-return {
418
+
margin-left: auto;
426
419
}
427
420
428
421
.footnotes ol li:not(:last-child) {