mirror of
https://github.com/ryan4yin/nixos-and-flakes-book.git
synced 2025-06-21 12:31:42 +02:00
polish: update print.css for pdf
This commit is contained in:
parent
5cf7fdd1c4
commit
93a6142970
@ -1,7 +1,117 @@
|
|||||||
@media print {
|
@media print {
|
||||||
|
/* Hide unnecessary elements */
|
||||||
.VPNav,
|
.VPNav,
|
||||||
.VPLocalNav,
|
.VPLocalNav,
|
||||||
.VPDocFooter {
|
.VPDocFooter,
|
||||||
|
.edit-link,
|
||||||
|
.theme-toggle,
|
||||||
|
.sidebar-toggle,
|
||||||
|
.VPSidebar {
|
||||||
display: none !important;
|
display: none !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* Ensure content uses the full page width */
|
||||||
|
.VPDoc {
|
||||||
|
padding: 0 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Basic typography for readability */
|
||||||
|
body {
|
||||||
|
font-size: 10pt;
|
||||||
|
line-height: 1.4;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Prevent page breaks for headings at the top of the page */
|
||||||
|
h1,
|
||||||
|
h2,
|
||||||
|
h3,
|
||||||
|
h4,
|
||||||
|
h5,
|
||||||
|
h6 {
|
||||||
|
page-break-after: avoid;
|
||||||
|
page-break-inside: avoid;
|
||||||
|
margin-top: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Add margin to content after headings to prevent orphaned content */
|
||||||
|
h1 + *,
|
||||||
|
h2 + *,
|
||||||
|
h3 + *,
|
||||||
|
h4 + *,
|
||||||
|
h5 + *,
|
||||||
|
h6 + * {
|
||||||
|
margin-top: 0.5em;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Code block styling */
|
||||||
|
pre,
|
||||||
|
code,
|
||||||
|
kbd,
|
||||||
|
samp {
|
||||||
|
font-family: "Courier New", Courier, monospace; /* Monospaced font for code */
|
||||||
|
font-size: 9pt;
|
||||||
|
white-space: pre-wrap !important; /* Wrap long lines of code */
|
||||||
|
word-wrap: break-word !important; /* Break words if necessary */
|
||||||
|
page-break-inside: avoid !important; /* Avoid breaking code blocks across pages */
|
||||||
|
}
|
||||||
|
|
||||||
|
div[class*="language-"] {
|
||||||
|
page-break-inside: avoid !important;
|
||||||
|
border: 1px solid #ddd; /* Add a light border to code blocks */
|
||||||
|
padding: 8px;
|
||||||
|
border-radius: 5px;
|
||||||
|
margin: 1em 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Table styling */
|
||||||
|
table {
|
||||||
|
width: 100%;
|
||||||
|
border-collapse: collapse;
|
||||||
|
page-break-inside: avoid;
|
||||||
|
}
|
||||||
|
|
||||||
|
th,
|
||||||
|
td {
|
||||||
|
border: 1px solid #ddd;
|
||||||
|
padding: 6px;
|
||||||
|
text-align: left;
|
||||||
|
font-size: 9pt;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Image styling */
|
||||||
|
img {
|
||||||
|
max-width: 100% !important;
|
||||||
|
page-break-inside: avoid;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Ensure proper spacing and avoid elements being cut off */
|
||||||
|
p,
|
||||||
|
blockquote,
|
||||||
|
ul,
|
||||||
|
ol,
|
||||||
|
dl,
|
||||||
|
table,
|
||||||
|
pre {
|
||||||
|
margin-bottom: 1em;
|
||||||
|
page-break-before: auto;
|
||||||
|
page-break-after: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
blockquote {
|
||||||
|
border-left: 3px solid #eee;
|
||||||
|
padding-left: 1em;
|
||||||
|
margin-left: 0;
|
||||||
|
page-break-inside: avoid;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Prevent orphaned headings at the bottom of pages */
|
||||||
|
h1,
|
||||||
|
h2,
|
||||||
|
h3,
|
||||||
|
h4,
|
||||||
|
h5,
|
||||||
|
h6 {
|
||||||
|
orphans: 3;
|
||||||
|
widows: 3;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
Loading…
x
Reference in New Issue
Block a user