Print stylesheet variants.

Example#

html
<nav class="print:hidden">Hidden on paper</nav>

Stacking#

Prefix order is screens → variants → utility. These variants combine with every screen (sm: md: lg: xl:…) and with each other.

Best practices#

  • print:hidden for chrome; print:block for print-only content

variants/index|Variants hub · responsive/index|Responsive · utilities/index|Utilities