page-break control using HTML classes

Refs wkhtmltopdf/wkhtmltopdf#2982 (comment)
dhimmel · Jul 20, 2017 · 473b893 · 473b893
1 parent c9bb47e
commit 473b893
Show file tree

Hide file tree

Showing 2 changed files with 30 additions and 5 deletions.
diff --git a/content/02.equations.md b/content/02.equations.md
@@ -1,4 +1,4 @@
-### Equations {.newpage}
+### Equations {.page_break_before}
 
 Numbered equations can be included by using `$$` delimiters with embedded LaTeX math.
 Equations can be labeled with tags like this `{#eq:label}` and referenced in text using `@eq:label`.

diff --git a/output/github-pandoc.css b/output/github-pandoc.css
@@ -77,12 +77,37 @@ body {
     margin: 0;
 }
 
-/**
- * Page breaks when printing
+
+/* 
+ * Page Breaks
+ * https://github.com/wkhtmltopdf/wkhtmltopdf/issues/2982#issuecomment-308714479
  */
 
-@media print {
-    .newpage {page-break-before: always;}
+@media screen, print {
+  /***Always insert a page break before the element***/
+  .page_break_before {
+      page-break-before: always !important;
+  }
+
+  /***Always insert a page break after the element***/
+  .page_break_after {
+      page-break-after: always !important;
+  }
+
+  /***Avoid page break before the element (if possible)***/
+  .page_break_before_avoid {
+      page-break-before: avoid !important;
+  }
+
+  /***Avoid page break after the element (if possible)***/
+  .page_break_after_avoid {
+      page-break-after: avoid !important;
+  }
+
+  /* Avoid page break inside the element (if possible) */
+  .page_break_inside_avoid {
+      page-break-inside: avoid !important;
+  }
 }
 
 /* ==========================================================================