Effects
The @media print stylesheet: forces black-on-white tokens, shrinks type and tightens spacing for paper, hides site chrome (header/footer/nav/aside) and the analog grain overlay, strips decorative shadows, expands external links into visible URL text, and adds page-break protection plus @page margins with a page counter.
| Name | Description |
|---|---|
.no-print |
Hides the element and all its descendants only when printing. |
--color-foreground |
Forced to pure black for high print legibility. |
--color-background |
Forced to pure white for paper ink conservation. |
--font-size |
Adjusted root font size for printed text (0.925rem). |
--line-height |
Tightened line height for print reading (1.4). |
Hide something from the printed page
<button class="no-print">Share</button>
Live