Markdown <p> margins

The paragraph spacing in the Perspective Markdown component is zero.

Has anyone figured out how to increase paragraph spacing? It should be part of ia.display.markdown but I thought I'd ask rather than waste time trying to work it out.

I asked at the weekend so [Bump!].

got an example?

Sure!
Markdown 1

Source.

Markdown 2

Result.

I'd like to be able to set the spacing between paragraphs.

to json would have been more usefull :stuck_out_tongue:

JSON for Victor!
[
  {
    "type": "ia.display.markdown",
    "version": 0,
    "props": {
      "markdown": {
        "escapeHtml": false
      },
      "source": "Welcome to _Markdown.\n\nWelcome to _Markdown.\n\nWelcome to _Markdown.\nWelcome to _Markdown.\nWelcome to _Markdown.\nWelcome to _Markdown.\nWelcome to _Markdown."
    },
    "meta": {
      "name": "Markdown"
    },
    "position": {
      "basis": "200px"
    },
    "custom": {}
  }
]

What about line-height
Maybe not what you want

line-heigh opens gaps on line wraps inside the paragraphs which wouldn't be acceptable. Thanks!

eh its weirdly done like this

[data-component="ia.display.markdown"] p {
    margin-bottom:20px;
}

but i would just put on a class and do

.psc-markdownSpacing p{
	margin-bottom: 20px;
}

Option 1 worked.

Option 2 didn't. Where on the markdown properties do I apply the new class?

image

2 Likes