Print Reset

The _print.scss stylesheet does the following to all elements on the page to help with printer compatibility:

  • Makes text black
  • Makes borders black
  • Removes backgrand images
  • Makes background colors white

It also overrides the base font size and sets it to 11px on the html tag.

Individual sites will need a separate set of rules to hide unnecessary block level elements and make fine-tuned adjustments. For ease of maintaining source code, it is recommended to use @media print with the element markup that needs print styles.


Do not edit _print.scss directly. You will want to add print styles to elements as you need them.


nav { // Your nav styles here @media print { // Print styles for the element display: none; } }