nikola
nikola copied to clipboard
bad spacing on markdown bullet lists
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
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: @.***>