Avoid page breaks just after headings and inside function specifications.

jyasskin · jyasskin · commit c157cbe1d474 · 2014-05-15T01:27:02.000-04:00
diff --git a/function.html b/function.html
@@ -16,7 +16,7 @@
 <polymer-element name="cxx-function" constructor="CxxFunctionElement" noscript>
   <template>
     <style>
-      :host { display: block; }
+      :host { display: block; page-break-inside: avoid;}
       :host:not(:last-child) { margin-bottom: 3ex; }
       :host > dl { margin: 0; margin-left: 2em; }
       :host > pre { margin: 0; }
diff --git a/section.html b/section.html
@@ -25,7 +25,8 @@
       :host:target > section > h1 {background-color: #fed;}
       /* @polyfill header > h1 */
       ::content h1 { display: inline; font-size: 100%; }
-      header { font-weight: bold; margin-top: 20px; margin-bottom: 20px; }
+      header { font-weight: bold; margin-top: 20px; margin-bottom: 20px;
+               page-break-inside: avoid; page-break-after: avoid; }
       header::after { clear:both; display: block; content: " "; height: 0 }
     </style>
 
