How to style the PDF with @media print?

[ViaAhmed]

Currently the PDF exported sports nothing as a style.
I suggest that the theme should come attached with a print.css file for CSS styling for PDFs, so pages are styled with theme specific design.
And the export thing will take print.css for styling the doc.

That’s for the design, how to get header and footer for the exported PDF? Any idea…

[argentum]

I’m moving this to #help and updating the title as I couldn’t find posts about this in the forum. You can style the PDF with @media print {}, there are a few suggestions in Discord for this.

[arno.esterhuizen]

https://css-tricks.com/snippets/css/print-url-after-links/ has a couple of tips, including this lovely suggestion that prints out the URL after every hyperlink.

@media print {
  a::after{
    content: " (" attr(href) ") ";
  }
}

[ViaAhmed]

How to add Header Footer or Border to PDF during export?

[argentum]

Meta Post - Common CSS Hacks

If you want to have a page break on PDF export when you put ---, it’s for you : @media print { hr { break-after:page; visibility: hidden; } } Also, I try to use break-after:avoid but, it doesn’t seems to work… So, I use that instead: @media print { h1:after, h3:after, h2:after, h4:after, h5:after, h6:after{ content: ""; display: block; height: 100px; margin-bottom: -100px; } } It prevents (most of the time) to have an H2/H3/H1 in the end of the page.

[Craftidore]

I have a css snippet. When I add

---
cssclass: p_indent
---

it, correctly, indents each paragraph in the markdown preview.
I also added this code so that when I export to pdf, it also indents the paragraphs. Unfortunately, it indents paragraphs regardless of whether the file has the cssclass p_indent.

How can I edit the above code so that only exported files with the p_indent cssclass get indented paragraphs?