Starter print-friendly SCSS partial

_print.scss

@media print {
  * {
    &:before,
    &:after {
      background: transparent !important;
      color: $black !important; // Black prints faster
      text-shadow: none !important;
      box-shadow: none !important;
    }
  }

  a {
    &[href] {
      &:after {
        content: ' (" attr(href) ")'; // this prints the url after the link text
      }
    }

    // Don't show links for fragment identifiers, or :tel links
    &[href^='tel'],
    [href^='#'] {
      &:after {
        content: '';
      }
    }

    &:visited {
      text-decoration: underline;
    }
  }

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

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

  thead {
    display: table-header-group;
  }

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

  img {
    max-width: 100% !important; // Avoid images bleeding off the edges of the page
  }

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

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