print.pcss.css

@media print {
  * {
    /* Black prints faster */
    /* https://github.com/h5bp/main.css/blob/main/dist/_print.css#L14 */
    color: #000 !important;
    background-color: transparent !important;
    box-shadow: none !important;
    text-shadow: none !important;
  }
  body {
    padding-top: 0;
  }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  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;
  }
  a,
  .link {
    color: #000;
  }
  .button,
  .button--primary {
    background: none !important;
  }
  .messages {
    border-width: 1px;
    border-color: #999;
  }
  .is-collapse-enabled .tabs {
    max-height: 999em;
  }
  .is-horizontal .tabs__tab {
    margin: 0 4px !important;
    border-radius: 4px 4px 0 0 !important;
  }
  .dropbutton-multiple .dropbutton .secondary-action {
    display: block;
  }
  .js .dropbutton-widget,
  .js td .dropbutton-widget /* Splitbuttons */ {
    position: relative;
  }
  .js .dropbutton .dropbutton-toggle {
    display: none;
  }
  .js .dropbutton-multiple .dropbutton-widget {
    border-radius: 4px;
    background: none;
  }
  input.form-autocomplete,
  input.form-text,
  input.form-tel,
  input.form-email,
  input.form-url,
  input.form-search,
  input.form-number,
  input.form-color,
  input.form-file,
  textarea.form-textarea,
  select.form-select {
    border-width: 1px;
  }
}

File

core/themes/claro/css/base/print.pcss.css

View source 
  1. @media print {

  2.   * {

  3.     /* Black prints faster */

  4.     /* https://github.com/h5bp/main.css/blob/main/dist/_print.css#L14 */

  5.     color: #000 !important;

  6.     background-color: transparent !important;

  7.     box-shadow: none !important;

  8.     text-shadow: none !important;

  9.   }

  10.   body {

  11.     padding-top: 0;

  12.   }

  13.   pre,

  14.   blockquote {

  15.     border: 1px solid #999;

  16.     page-break-inside: avoid;

  17.   }

  18.   thead {

  19.     display: table-header-group;

  20.   }

  21.   tr,

  22.   img {

  23.     page-break-inside: avoid;

  24.   }

  25.   img {

  26.     max-width: 100% !important;

  27.   }

  28.   p,

  29.   h2,

  30.   h3 {

  31.     orphans: 3;

  32.     widows: 3;

  33.   }

  34.   h2,

  35.   h3 {

  36.     page-break-after: avoid;

  37.   }

  38.   a,

  39.   .link {

  40.     color: #000;

  41.   }

  42.   .button,

  43.   .button--primary {

  44.     background: none !important;

  45.   }

  46.   .messages {

  47.     border-width: 1px;

  48.     border-color: #999;

  49.   }

  50.   .is-collapse-enabled .tabs {

  51.     max-height: 999em;

  52.   }

  53.   .is-horizontal .tabs__tab {

  54.     margin: 0 4px !important;

  55.     border-radius: 4px 4px 0 0 !important;

  56.   }

  57.   .dropbutton-multiple .dropbutton .secondary-action {

  58.     display: block;

  59.   }

  60.   .js .dropbutton-widget,

  61.   .js td .dropbutton-widget /* Splitbuttons */ {

  62.     position: relative;

  63.   }

  64.   .js .dropbutton .dropbutton-toggle {

  65.     display: none;

  66.   }

  67.   .js .dropbutton-multiple .dropbutton-widget {

  68.     border-radius: 4px;

  69.     background: none;

  70.   }

  71.   input.form-autocomplete,

  72.   input.form-text,

  73.   input.form-tel,

  74.   input.form-email,

  75.   input.form-url,

  76.   input.form-search,

  77.   input.form-number,

  78.   input.form-color,

  79.   input.form-file,

  80.   textarea.form-textarea,

  81.   select.form-select {

  82.     border-width: 1px;

  83.   }

  84. }