my website at https://anirudh.fi
4
fork

Configure Feed

Select the types of activity you want to include in your feed.

css: rework footnotes alignment

+15 -22
+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) {