print.pcss.css

Same filename and directory in other branches
  1. 10 core/themes/claro/css/base/print.pcss.css
  2. 11.x core/themes/claro/css/base/print.pcss.css
  3. 9 core/themes/claro/css/base/print.pcss.css
@media print {
  * {
    color: #000 !important; /* Black prints faster: h5bp.com/s */
    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; /* h5bp.com/t */
  }
  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 on git.drupalcode.org
View source 
  1. @media print {

  2.   * {

  3.     color: #000 !important; /* Black prints faster: h5bp.com/s */

  4.     background-color: transparent !important;

  5.     box-shadow: none !important;

  6.     text-shadow: none !important;

  7.   }

  8.   body {

  9.     padding-top: 0;

  10.   }

  11.   pre,

  12.   blockquote {

  13.     border: 1px solid #999;

  14.     page-break-inside: avoid;

  15.   }

  16.   thead {

  17.     display: table-header-group; /* h5bp.com/t */

  18.   }

  19.   tr,

  20.   img {

  21.     page-break-inside: avoid;

  22.   }

  23.   img {

  24.     max-width: 100% !important;

  25.   }

  26.   p,

  27.   h2,

  28.   h3 {

  29.     orphans: 3;

  30.     widows: 3;

  31.   }

  32.   h2,

  33.   h3 {

  34.     page-break-after: avoid;

  35.   }

  36.   a,

  37.   .link {

  38.     color: #000;

  39.   }

  40.   .button,

  41.   .button--primary {

  42.     background: none !important;

  43.   }

  44.   .messages {

  45.     border-width: 1px;

  46.     border-color: #999;

  47.   }

  48.   .is-collapse-enabled .tabs {

  49.     max-height: 999em;

  50.   }

  51.   .is-horizontal .tabs__tab {

  52.     margin: 0 4px !important;

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

  54.   }

  55.   .dropbutton-multiple .dropbutton .secondary-action {

  56.     display: block;

  57.   }

  58.   .js .dropbutton-widget,

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

  60.     position: relative;

  61.   }

  62.   .js .dropbutton .dropbutton-toggle {

  63.     display: none;

  64.   }

  65.   .js .dropbutton-multiple .dropbutton-widget {

  66.     border-radius: 4px;

  67.     background: none;

  68.   }

  69.   input.form-autocomplete,

  70.   input.form-text,

  71.   input.form-tel,

  72.   input.form-email,

  73.   input.form-url,

  74.   input.form-search,

  75.   input.form-number,

  76.   input.form-color,

  77.   input.form-file,

  78.   textarea.form-textarea,

  79.   select.form-select {

  80.     border-width: 1px;

  81.   }

  82. }

Buggy or inaccurate documentation? Please file an issue. Need support? Need help programming? Connect with the Drupal community.