@media screen {
  .print-only {
    display: none
  }
}


@media print {
  nav, body > header, body > footer, .comments, button, .button, form, .prevnext {
    display: none !important
  }

  body {
    border-top: .25cm solid $primary-color;
    counter-reset: h1 figure;
    padding: 1cm
  }

  body, header, aside, footer, pre {
    background: none !important;
    box-shadow: none !important;
    color: $text-color !important;
  }

  thead {
    border-bottom: 1px solid $secondary-color
  }

  .tags {
    visibility: visible
  }

  /* cover page */
  .markdown h1+p+dl {
    margin-top: 27rem
  }

  header {
    text-align: center
  }

  h1 {
    margin-top: 5cm
  }

  h1, h2 {
    page-break-before: always;
    orphans: 4;
    widows: 5
  }

  h1, h2, h3, h4 {
    background: none !important;
    padding-top: .5em !important;
    page-break-after: avoid;
    orphans: 4;
    widows: 5
  }

  aside {
    page-break-after: always
  }

  p, table {
    page-break-inside: avoid;
    orphans: 4;
    widows: 5
  }  

  a, a:visited, a:hover, a:focus, a:active {
    color: $text-color;
    text-decoration: none
  }

  p a[href^="http"]::after {
    content: " (" attr(href) ")"
  }

  abbr:nth-first-of-type {
    /* do magic to show description */
  }

  .screen-only {
    display: none
  }
}