deploy: 0dd92e332b

css/print.css

@@ -1,3 +1,5 @@
+@import "theme-relearn-light.css";
+
 #sidebar {
     display: none;
 }
@@ -36,6 +38,7 @@ pre {
     color: #777;
 }
 .navigation,
+#top-print-link,
 #top-github-link {
     /* we don't need this while printing */
     display: none;
@@ -45,6 +48,7 @@ pre {
 }
 #body #breadcrumbs .links {
     overflow-x: hidden;
+    visibility: visible;
 }
 .copy-to-clipboard-button {
     display: none;
@@ -77,11 +81,23 @@ body,
 #body-inner {
     overflow: visible !important; /* turn off limitations for perfect scrollbar */
 }
-#body-inner.chapter h1 {
+#body #body-inner {
+    /* reset paddings for chapters in screen */
+    padding: 0 3rem 4rem 3rem;
+}
+
+#body #body-inner h1 {
     border-bottom: 1px solid #ddd;
     margin-bottom: 2rem;
     padding-bottom: .75rem;
 }
+#body-inner .chapter h3:first-of-type {
+    margin-top: 2rem;
+}
+#body-inner .chapter p {
+    font-size: 1rem;
+}
+
 .footline {
     /* in print mode show footer line to signal reader the end of document */
     border-top: 1px solid #ddd;
@@ -103,7 +119,7 @@ body,
     /* we don't need this while printing */
     display: none;
 }
-#sidebar-toggle-span {
+#body #sidebar-toggle-span {
     /* we don't need this while printing */
     display: none;
 }
@@ -154,3 +170,10 @@ rapi-doc{
 #body .tab-nav-button:not(.active) {
     opacity: 1;
 }
+
+article {
+    break-before: page;
+}
+#body-inner article:first-of-type {
+    break-before: avoid;
+}

css/theme-neon.css

@@ -217,7 +217,6 @@ body div.box.transparent {
     #body h4,
     #body h5,
     #body h6 {
-        color: #fff;
         text-shadow: none;
     }
     #body div.box,
@@ -226,3 +225,19 @@ body div.box.transparent {
         text-shadow: none;
     }
 }
+
+/* if we are in print chapter preview our @media statement from
+above will not apply, so we have to repeat it here */
+.print #body h1,
+.print #body h2,
+.print #body h3,
+.print #body h4,
+.print #body h5,
+.print #body h6 {
+    text-shadow: none;
+}
+.print #body div.box,
+.print #body div.box > .box-label {
+    box-shadow: none;
+    text-shadow: none;
+}

css/theme.css

@@ -63,16 +63,16 @@ body {
     width: 100%;
 }
 
-body #body-inner.chapter h1 {
+body #body-inner .chapter h1 {
     font-size: 3.5rem;
 }
-@media only all and (min-width: 48em) and (max-width: 59.938em) {
-    body #body-inner.chapter h1 {
-        font-size: 3rem;
+@media only screen and (min-width: 48em) and (max-width: 59.938em) {
+    body #body-inner .chapter h1 {
+        font-size: 2.8rem;
     }
 }
-@media only all and (max-width: 47.938em) {
-    body #body-inner.chapter h1 {
+@media only screen and (max-width: 47.938em) {
+    body #body-inner .chapter h1 {
         font-size: 2rem;
     }
 }
@@ -437,18 +437,18 @@ th {
     }
 }
 
-#body-inner.chapter h3:first-of-type {
+#body-inner .chapter h3:first-of-type {
     font-weight: 200;
     margin-top: 0;
     text-align: center;
 }
 
-#body-inner.chapter h1 {
+#body-inner .chapter h1 {
     border-bottom: 4px solid rgba( 134, 134, 134, .125 );
     font-size: 5rem;
 }
 
-#body-inner.chapter p {
+#body-inner .chapter p {
     font-size: 1.2rem;
     text-align: justify;
 }
@@ -938,12 +938,14 @@ td {
 }
 
 .navigation,
+#top-print-link,
 #top-github-link {
     display: block;
     float: right;
 }
 
 .nav,
+.print-link,
 .github-link {
     border-left: thin solid rgba( 134, 134, 134, .333 );
     padding-left: 1rem;
@@ -954,6 +956,7 @@ span.nav i{
 }
 
 .navigation,
+#top-print-link,
 #top-github-link {
     position: relative;
     top: 50%;
@@ -982,7 +985,7 @@ span.nav i{
     top: 50%;
     transform: translateY(-50%);
     white-space: nowrap;
-    width: calc(100% - 4*3.25rem);
+    width: calc(100% - 5*3.25rem);
 }
 @media screen and (max-width: 47.938em) {
     #body #breadcrumbs {
@@ -1278,6 +1281,7 @@ option {
 
 #body .navigation a.highlight:after,
 #body #sidebar-toggle-span a.highlight:after,
+#body #top-print-link a.highlight:after,
 #body #top-github-link a.highlight:after {
     background-color: transparent;
 }
@@ -1529,7 +1533,7 @@ rapi-doc {
 }
 
 @media screen and (max-width: 47.938em) {
-    #breadcrumbs .links, #top-github-link-text {
+    #breadcrumbs .links {
         display: none;
     }
 }