ilia/portfolio
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(theme): center list bullets on text optical centre

Browse Source
This commit is contained in:
Ilia Mashkov
2026-07-14 15:59:19 +03:00
parent 0353315953
commit 21c771cf24
1 changed files with 5 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/shared/styles/theme.css
+5 -3
View File
@@ -400,9 +400,8 @@
.rich-text ul li::before { .rich-text ul li::before {
content: ""; content: "";
display: inline-block; display: inline-block;
/* 0.5em glyph + 1em gap = 1.5em advance, filling the hanging indent */ width: 0.4em;
width: 0.5em; height: 0.4em;
height: 0.5em;
margin-right: 1em; margin-right: 1em;
/* reset inherited text-indent so the box isn't shifted */ /* reset inherited text-indent so the box isn't shifted */
text-indent: 0; text-indent: 0;
@@ -411,7 +410,10 @@
border-radius: 30%; border-radius: 30%;
/* biome-ignore lint/correctness/noUnknownProperty: corner-shape is valid CSS, newer than Biome's property list */ /* biome-ignore lint/correctness/noUnknownProperty: corner-shape is valid CSS, newer than Biome's property list */
corner-shape: squircle; corner-shape: squircle;
/* Nudge up off the x-height midpoint so the bullet sits on the text's
* optical centre; em-relative so it scales with the text. */
vertical-align: middle; vertical-align: middle;
transform: translateY(-0.1em);
} }
/* Cross-section view transition (navigation between sections) */ /* Cross-section view transition (navigation between sections) */