plasttic/package/src/assets/css/print.css

Plasttic Web Workflow: A methodology based Front-End development environment.

/*! Plasttic v2.2 | MIT License | https://plasttic.dev/ */

/* DO NOT DELETE OR RENAME */

/**
* print.css
*
* This file contains styles that are specific to the print media.
* More: https://www.smashingmagazine.com/2018/05/print-stylesheets-in-2018/
*
* see utility classes in 10_utility.css,
* to control which elements should be printed 
*/

@media print {
  @page {
    margin: 2cm;
  }

  body {
    background: none;
    color: #000000;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 12pt;
    font-weight: normal;
    line-height: 1.3;
  }

  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-family: Verdana, Helvetica, Arial, sans-serif;
    font-weight: bold;
  }

  h1 {
    font-size: 24pt;
  }

  h2 {
    margin-top: 25px;
    font-size: 14pt;
  }

  h2,
  h3 {
    break-after: avoid;
  }

  a:link,
  a:visited {
    color: #000000;
    text-decoration: underline;
  }

  /* print URLs after link text */

  a:link::after,
  a:visited::after {
    content: " (" attr(href) ") ";
  }

  /* do not print anchor links */

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

  /* TODO: replace domain name (exclude internal links from the style above) */

  a[href^="http"]:not([href*="plasttic.dev"]):after {
    content: " (" attr(href) ")";
  }

  img {
    /* stylelint-disable-next-line declaration-no-important */
    max-width: 100% !important;
    margin: 1.5em 1.5em 1.5em 0;
    float: left;
    break-inside: avoid;
  }

  hr {
    width: 100%;
    height: 1px;
  }

  blockquote {
    font-size: 90%;
    font-style: italic;
  }

  /**
  * Specific sections 
  * not needed to print
  * document
  */

  nav,
  aside,
  footer {
    /* stylelint-disable-next-line declaration-no-important */
    display: none !important;
  }

  /**
  * Utility classes: 
  * ptt-u-print-only: Hide elements/sections until print
  * ptt-u-print-no: Items to hide from print
  */

  /* TODO: Control printed sections */

  .ptt-u-print-no {
    /* stylelint-disable-next-line declaration-no-important */
    display: none !important;
  }

  .ptt-u-print-only {
    /* stylelint-disable-next-line declaration-no-important */
    display: unset !important; /* display print only sections */
  }
}