I would like to increase the space between the bullet and the text in each item of a list. This seems really difficult to achieve in the Live Editor and the best I’ve got is:
.cm-formatting-list.cm-formatting-list-ul {
margin-right: 9px;
}
But that doesn’t work well when the list item text needs multiple lines:
Does anyone have any solutions for this?
some discussions on line height. It may help
How to adjust the line height with CSS? - Help - Obsidian Forum
How about these, where you set the 20px and 8px to your liking?
/* Live Preview */
.markdown-source-view.is-live-preview .list-bullet {
padding-inline-end: 20px; /* ⬅️ set this one */
}
/* Reading */
.markdown-rendered ul {
--my-list-margin: 8px; /* ⬅️ set this one */
margin-inline-start: var(--my-list-margin);
}
.markdown-rendered ul > li > .list-bullet {
margin-inline-start: calc(-0.8em - var(--my-list-margin));
}
The last section (the one with calc) keeps the bullet in the same place as the default theme. But you can edit or remove that if you want reposition the bullet too in the Reading view.
Thanks! The logical property and better targetting fixes the multi-line issue I had and works brilliantly.