nick/murder-mystery-layout
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

pdf fixes

Browse Source
This commit is contained in:
Nick Goodall
2026-02-09 15:58:49 +00:00
parent 2d70a9074e
commit 8a9e8847be
2 changed files with 192 additions and 105 deletions
Download Patch File Download Diff File Expand all files Collapse all files

93
styles.css
View File

@@ -169,7 +169,7 @@ body {
font-size: 22px;
font-size: 2.52cqi;
font-weight: 400;
line-height: 0.95;
line-height: 1.1;
letter-spacing: -0.012em;
}
@@ -295,35 +295,49 @@ body {
border: 0;
border-radius: 0;
background:
linear-gradient(var(--card-border), var(--card-border)) calc(var(--corner-cut) - var(--join-overlap)) 0 / calc(100% - (2 * var(--corner-cut)) + (2 * var(--join-overlap))) var(--bw) no-repeat,
linear-gradient(var(--card-border), var(--card-border)) calc(var(--corner-cut) - var(--join-overlap)) 100% / calc(100% - (2 * var(--corner-cut)) + (2 * var(--join-overlap))) var(--bw) no-repeat,
linear-gradient(var(--card-border), var(--card-border)) 0 calc(var(--corner-cut) - var(--join-overlap)) / var(--bw) calc(100% - (2 * var(--corner-cut)) + (2 * var(--join-overlap))) no-repeat,
linear-gradient(var(--card-border), var(--card-border)) 100% calc(var(--corner-cut) - var(--join-overlap)) / var(--bw) calc(100% - (2 * var(--corner-cut)) + (2 * var(--join-overlap))) no-repeat,
linear-gradient(var(--card-border), var(--card-border))
calc(var(--corner-cut) - var(--join-overlap)) 0 /
calc(100% - (2 * var(--corner-cut)) + (2 * var(--join-overlap))) var(--bw)
no-repeat,
linear-gradient(var(--card-border), var(--card-border))
calc(var(--corner-cut) - var(--join-overlap)) 100% /
calc(100% - (2 * var(--corner-cut)) + (2 * var(--join-overlap))) var(--bw)
no-repeat,
linear-gradient(var(--card-border), var(--card-border)) 0
calc(var(--corner-cut) - var(--join-overlap)) / var(--bw)
calc(100% - (2 * var(--corner-cut)) + (2 * var(--join-overlap))) no-repeat,
linear-gradient(var(--card-border), var(--card-border)) 100%
calc(var(--corner-cut) - var(--join-overlap)) / var(--bw)
calc(100% - (2 * var(--corner-cut)) + (2 * var(--join-overlap))) no-repeat,
radial-gradient(
circle at top left,
var(--paper) 0 calc(var(--corner-cut) - var(--bw)),
var(--card-border) calc(var(--corner-cut) - var(--bw)) var(--corner-cut),
transparent var(--corner-cut)
) top left / var(--corner-cut) var(--corner-cut) no-repeat,
circle at top left,
var(--paper) 0 calc(var(--corner-cut) - var(--bw)),
var(--card-border) calc(var(--corner-cut) - var(--bw)) var(--corner-cut),
var(--paper) var(--corner-cut)
)
top left / var(--corner-cut) var(--corner-cut) no-repeat,
radial-gradient(
circle at top right,
var(--paper) 0 calc(var(--corner-cut) - var(--bw)),
var(--card-border) calc(var(--corner-cut) - var(--bw)) var(--corner-cut),
transparent var(--corner-cut)
) top right / var(--corner-cut) var(--corner-cut) no-repeat,
circle at top right,
var(--paper) 0 calc(var(--corner-cut) - var(--bw)),
var(--card-border) calc(var(--corner-cut) - var(--bw)) var(--corner-cut),
var(--paper) var(--corner-cut)
)
top right / var(--corner-cut) var(--corner-cut) no-repeat,
radial-gradient(
circle at bottom left,
var(--paper) 0 calc(var(--corner-cut) - var(--bw)),
var(--card-border) calc(var(--corner-cut) - var(--bw)) var(--corner-cut),
transparent var(--corner-cut)
) bottom left / var(--corner-cut) var(--corner-cut) no-repeat,
circle at bottom left,
var(--paper) 0 calc(var(--corner-cut) - var(--bw)),
var(--card-border) calc(var(--corner-cut) - var(--bw)) var(--corner-cut),
var(--paper) var(--corner-cut)
)
bottom left / var(--corner-cut) var(--corner-cut) no-repeat,
radial-gradient(
circle at bottom right,
var(--paper) 0 calc(var(--corner-cut) - var(--bw)),
var(--card-border) calc(var(--corner-cut) - var(--bw)) var(--corner-cut),
transparent var(--corner-cut)
) bottom right / var(--corner-cut) var(--corner-cut) no-repeat,
rgba(233, 220, 202, 0.88);
circle at bottom right,
var(--paper) 0 calc(var(--corner-cut) - var(--bw)),
var(--card-border) calc(var(--corner-cut) - var(--bw)) var(--corner-cut),
var(--paper) var(--corner-cut)
)
bottom right / var(--corner-cut) var(--corner-cut) no-repeat,
#e9dcca;
padding: 2.35cqi 2.8cqi 2.45cqi;
}
@@ -448,26 +462,41 @@ body {
@media print {
@page {
size: 419.25pt 595.5pt;
size: A4 portrait;
margin: 0;
}
* {
-webkit-print-color-adjust: exact;
print-color-adjust: exact;
}
html,
body {
width: 210mm;
margin: 0;
padding: 0;
background: #fff;
background: var(--paper);
}
.template-stack {
width: auto;
display: block;
width: 210mm;
margin: 0;
gap: 0;
padding: 0;
background: var(--paper);
}
.sheet {
width: 419.25pt;
height: 595.5pt;
/* Use exact A4 width so Safari does not auto-scale up, keep slight height headroom. */
width: 210mm;
height: 296.8mm;
max-width: none;
aspect-ratio: auto;
margin: 0;
box-shadow: none;
break-inside: avoid-page;
page-break-inside: avoid;
break-after: page;
page-break-after: always;
}