all repos — site @ 9e5894451532a68ad7e2fd8d70351dfbcfa269d9

source for my site, found at icyphox.sh

css: rework footnotes alignment
Anirudh Oppiliappan x@icyphox.sh
Sat, 18 Jan 2025 14:50:46 +0200
commit

9e5894451532a68ad7e2fd8d70351dfbcfa269d9

parent

1eeb324566282783b48be58ce92932b6f0b30be3

1 files changed, 15 insertions(+), 22 deletions(-)

jump to
M static/style.cssstatic/style.css

@@ -389,40 +389,33 @@ ol li:not(.footnotes)::marker {

color: var(--gray); } -.footnote-ref a { - text-decoration: none; - color: var(--light); - border-radius: 50%; - text-align: center; - line-height: 0.8rem; - background: var(--cyan); - width: 0.8rem; - height: 0.8rem; - font-size: 0.6rem; - display: inline-block; - border-bottom: unset; -} - -.footnotes > ol { - list-style-type: none; - counter-reset: counter; +.footnotes > ol li { + display: flex; + align-items: center; + gap: 0.8rem; } .footnotes > ol li::before { content: counter(counter); border-radius: 50%; text-align: center; - line-height: 1.2rem; + line-height: 160%; color: var(--light); background: var(--cyan); width: 18px; height: 18px; font-size: 11px; - margin-right: 0.8rem; - box-sizing: content-box; display: inline-block; - position: relative; - transform: translateY(-2px); + flex-shrink: 0; +} + +.footnotes > ol li p { + margin: 0; + line-height: 160%; +} + +.footnote-return { + margin-left: auto; } .footnotes ol li:not(:last-child) {