Update my line spacing CSS for Live Preview?

Here is my old CSS that worked well enough for me in the old Editing Mode:

.markdown-preview-view br {
    content: '';
    display: block;
    margin-top: 15px;
}

.CodeMirror pre.CodeMirror-line {
  padding-bottom: 15px;
}

.cm-s-obsidian pre.HyperMD-list-line {
  padding-bottom: 0px !important;
}
  
.cm-s-obsidian pre.HyperMD-header{
  padding-bottom: 0px !important;
}

It no longer works in Live Preview. Can someone tell me how to change line spacing?

(I don’t hit enter twice for a single paragraph break. I know that is really popular with tool enthusiasts, but it is counterproductive for what I do).

TLDR: I need to control line spacing with normal type, like in a book or magazine, in which one ENTER keystroke = one paragraph break. The code above worked with Edit Mode, but it does not work for Live Preview.

3 Likes

I trust that you have added your support to this feature request:

I would point out that it is vary bad practice to use line spacing to produce pretend paragraphs, when what you really want is real paragraphs. Can lead to problems down the line.
However, if you know how to manage the lines then I use this CSS which works well enough for me:

.cm-s-obsidian .CodeMirror-line,
.cm-s-obsidian .cm-line {
    padding-bottom: 10px ;
    padding-top: 10px ;
}

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.