Obsidian Pagebreaks

obsidian-pagebreaks.css

/**
 Create pagebreaks in exported Obsidian PDFs.

 Example:

 # Heading 1
 
 Lorem Ipsum is simply dummy text of the printing and typesetting industry. 
 Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, 
 when an unknown printer took a galley of type and scrambled it to make a type 

 ## Heading 2 (pagebreak before this)

 Lorem Ipsum is simply dummy text of the printing and typesetting industry. 
 Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, 
 when an unknown printer took a galley of type and scrambled it to make a type

 ---
 --- ( <-- linebreak )

 Lorem Ipsum is simply dummy text of the printing and typesetting industry. 
 Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, 
 when an unknown printer took a galley of type and scrambled it to make a type 

*/
@media print {
  /* pagebreak before all ## headings */
  h2 {
    page-break-before: always;
  }

  h3,
  h4 {
    page-break-after: avoid;
  }

  pre,
  blockquote {
    page-break-inside: avoid;
  }

  /* use double <hr> ('---') to indicate a page break */
  hr + hr {
    page-break-before: always;
    visibility: hidden;
  }

  :not(hr) + hr {
    visibility: hidden;
  }

  :not(hr) + hr + :not(hr):not(h2) {
    border-top: 1px solid black;
    padding-top: 2em;
  }
}

The page break CSS here still works with my current Obsidian version 1.7.6. Incredible work, and thanks for the effort.

The only issue I am having is (I am new to CSS scripting), when I change the first block from:

  h2 {
    page-break-before: always;
  }

to

:not(h1) + h2 {
    page-break-before: always;
}

The CSS snippet stops working.

I've created my own version of this for anyone who is interested. It should work with the latest version of Obsidian (Tested with 1.8.10 and up to 1.9.2).

https://gist.github.com/robotii/aa580b1c00937d37c44f1033034b0e1a

Please feel free to comment or take any parts you like from it.