Custom styling with minimal theme enabled

Custom CSS & Theme Design
5

Updating … with the below css, even live preview doesn’t look so bad. There seem to be inconsistencies in the minimal theme that make the live preview look differnent to “read mode”. My custom css is properly displayed everywhere, now.

h1, h2, h3, h4, h5, h6 {
        line-height: 1.8em !important;
}

li {
        line-height: 1.8em;
}

p {
        margin-block-start: 0.5em;
        margin-block-end: 0.5em;
        text-indent: 0.5em;
}

div.HyperMD-list-line {
        line-height: 1.8em;
}

div.HyperMD-header-1 {
        font-size: var(--h1);
}
div.HyperMD-header-2 {
        font-size: var(--h2);
}
div.HyperMD-header-3 {
        font-size: var(--h3);
}
div.HyperMD-header-4 {
        font-size: var(--h4);
}
div.HyperMD-header-5 {
        font-size: var(--h5);
}
div.HyperMD-header-6 {
        font-size: var(--h6);
}