fix(theme): center list bullets on text optical centre
This commit is contained in:
@@ -400,9 +400,8 @@
|
||||
.rich-text ul li::before {
|
||||
content: "";
|
||||
display: inline-block;
|
||||
/* 0.5em glyph + 1em gap = 1.5em advance, filling the hanging indent */
|
||||
width: 0.5em;
|
||||
height: 0.5em;
|
||||
width: 0.4em;
|
||||
height: 0.4em;
|
||||
margin-right: 1em;
|
||||
/* reset inherited text-indent so the box isn't shifted */
|
||||
text-indent: 0;
|
||||
@@ -411,7 +410,10 @@
|
||||
border-radius: 30%;
|
||||
/* biome-ignore lint/correctness/noUnknownProperty: corner-shape is valid CSS, newer than Biome's property list */
|
||||
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;
|
||||
transform: translateY(-0.1em);
|
||||
}
|
||||
|
||||
/* Cross-section view transition (navigation between sections) */
|
||||
|
||||
Reference in New Issue
Block a user