KNACSS/doc/08-print.md
2015-08-27 10:32:39 +02:00

1.0 KiB

Styles d'impression

KNACSS impose une mise en forme d'impression par défaut, à savoir :

  • suppression des ombrages de boîte et de texte
  • largeur automatique à la page (body)
* {
  background: transparent !important;
  box-shadow: none !important;
  text-shadow: none !important;
}

body {
  width: auto;
  margin: auto;
  font-family: serif;
  font-size: 12pt;
}

KNACSS gère également les sauts de pages, les lignes veuves et orphelines :

/* no orphans, no widows */
  p,
  .p-like,
  blockquote {
    orphans: 3;
    widows: 3;
  }
  /* no breaks inside these elements */
  blockquote,
  ul,
  ol {
    page-break-inside: avoid;
  }
  /* page break before main headers */
  h1,
  .h1-like {
    page-break-before: always;
  }
  /* no breaks after these elements */
  h1,
  .h1-like,
  h2,
  .h2-like,
  h3,
  .h3-like,
  caption {
    page-break-after: avoid;
  }

Une classe spécifique permet d'afficher ou de masquer du contenu sur imprimante :

.print {
    display: block;
}
.no-print {
    display: none;
}