bad spacing on markdown bullet lists

[alusiani]

Hi,

I see that bullet lists in Markdown have a bad extra vertical spacing between one bullet and a following second level bullet, like in this Markdown example

-   first bullet
    -   second indented bullet
    -   3rd ...

An example can be found at https://precision-sm.github.io/posts/precision-sm-hepdata-subm/

This vertical spacing is absent when exactly the same above text is instead in a RST file.

As far as I understand, when Markdown is converted to HTML one gets <ul> for lists, when RST is converted the same list begins with <ul class="simple">. The "simple" class triggers the CSS

.simple li, .simple ul, .simple ol, .compact li, .compact ul, .compact ol, .simple > li p, dl.simple > dd, .compact > li p, dl.compact > dd {
    margin-top: 0;
    margin-bottom: 0;
}

which is not triggered for <ul>. In this latter case the following CSS holds

p {
    margin-top: 0;
    margin-bottom: 1rem;
}

In my opinion it would be best if Markdown could produce the same formatting as RST.

I checked asciidoc: it behaves like Markdown.

Cheers,

Alberto

[ralsina]

We don't really control what markup is produced, but you can add a CSS tweak in assets/css/custom.css to make it look the way you want.

On Fri, May 6, 2022, 8:30 PM Alberto Lusiani @.***> wrote:

Hi,

I see that bullet lists in Markdown have a bad extra vertical spacing spacing between one bullet and a following second level bullet, like in this Markdown example

• first bullet
  • second indented bullet
  • 3rd ...

An example can be found at https://precision-sm.github.io/posts/precision-sm-hepdata-subm/

This vertical spacing is absent when exactly the same above text is instead in a RST file.

As far as I understand, when Markdown is converted to HTML one gets

for lists, when RST is converted the same list begins with
. The "simple" class triggers the CSS

.simple li, .simple ul, .simple ol, .compact li, .compact ul, .compact ol, .simple > li p, dl.simple > dd, .compact > li p, dl.compact > dd { margin-top: 0; margin-bottom: 0; }

which is not triggered for

. In this latter case the following CSS holds

p { margin-top: 0; margin-bottom: 1rem; }

In my opinion it would be best if Markdown could produce the same formatting as RST.

Cheers,

Alberto

— Reply to this email directly, view it on GitHub https://github.com/getnikola/nikola/issues/3621, or unsubscribe https://github.com/notifications/unsubscribe-auth/AAAAMK55UDNNPLVVW27OOGTVIWTR3ANCNFSM5VJPSZKQ . You are receiving this because you are subscribed to this thread.Message ID: @.***>