// stylelint-disable color-named

// The print stylesheet for this theme.

@import 'init';
@import 'components/print-none/print-none';

.pager,
%pager,
.mobile-nav,
aside,
nav,
footer {
  @extend %print-none;
}

@media print {
  html {
    font-size: $print-font-size;
  }

  html,
  body,
  .page {
    background-color: white;
    border-color: black;
    box-shadow: none;
    color: black;
  }

  .main {
    width: 100%;
  }

  // Underline all links.
  :link,
  :visited {
    text-decoration: underline;
  }

  // Add visible title after abbreviations.
  abbr[title] {
    &::after {
      content: ' (' attr(title) ')';
    }
  }
}