locomotive-boilerplate/_assets/styles/utilities/_print.scss

// ==========================================================================
// Utilities / Print Mode
// ==========================================================================

////
/// Very crude, reset-like styles taken from the HTML5 Boilerplate:
/// - https://github.com/h5bp/html5-boilerplate/blob/5.3.0/dist/doc/css.md#print-styles
/// - https://github.com/h5bp/html5-boilerplate/blob/master/dist/css/main.css#L205-L282
///
/// @link https://github.com/inuitcss/inuitcss/blob/c27993f/utilities/_utilities.print.scss
////

@media print {

    // 1. Black prints faster: http://www.sanbeiji.com/archives/953

    *,
    *:before,
    *:after,
    *:first-letter,
    *:first-line {
        background: transparent !important;
        box-shadow: none !important;
        color: #000000 !important; // [1]
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    // Don't show links that are fragment identifiers, or use the `javascript:`
    // pseudo protocol.

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999999;
        page-break-inside: avoid;
    }

    // Printing Tables: http://css-discuss.incutio.com/wiki/Printing_Tables

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }


    img {
        max-width: 100% !important;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}