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.

Example

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

SASS CSS

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