| 1 |
|
| 2 | /*
|
| 3 | * Ensure you use dark text on a white background
|
| 4 | * Use Borders Instead of Background Colors
|
| 5 | */
|
| 6 |
|
| 7 |
|
| 8 | @media print {
|
| 9 | table, img, svg {
|
| 10 | break-inside: avoid;
|
| 11 | }
|
| 12 | img.dark {
|
| 13 | filter: invert(100%) hue-rotate(180deg) brightness(120%) contrast(150%);
|
| 14 | }
|
| 15 |
|
| 16 | /* Not all printers will print in color, add some other style that isn’t too disruptive. */
|
| 17 | mark {
|
| 18 | border: 1pt dotted #000;
|
| 19 | }
|
| 20 | q:after {
|
| 21 | content: " (Source: " attr(cite) ")";
|
| 22 | }
|
| 23 | a {
|
| 24 | color: #000;
|
| 25 | }
|
| 26 | p a {
|
| 27 | word-wrap: break-word;
|
| 28 | }
|
| 29 | p a[href^="https://"]:after, a[href^="https://"]:after {
|
| 30 | content: " (" attr(href) ")";
|
| 31 | }
|
| 32 | }
|
| 33 |
|