diff --git a/README.md b/README.md index 1b2c8ae..603439b 100644 --- a/README.md +++ b/README.md @@ -22,7 +22,7 @@ Some features of Sausagewiki, in no particular order: * Plus [GitHub style table-support](https://help.github.com/articles/organizing-information-with-tables/) * Without embedded HTML * Full text search - * Responsive design: fits different screens + * Responsive design: fits different screens as well as print * Progressive enhancement: works with or without JavaScript Install and run diff --git a/assets/style.css b/assets/style.css index 2dd73f5..1c4121a 100644 --- a/assets/style.css +++ b/assets/style.css @@ -427,3 +427,45 @@ input[type="search"] { .added { background: green; } + +@media print { + @page { + margin: 25mm; + } + + body { + display: block; + } + + h1, h2, h3, h4, h5, h6 { + /* This doesn't work at all, but it might start to! */ + break-after: avoid; + page-break-after: avoid; + } + + a, a:visited, a:hover, a:visited:hover { + text-decoration: none; + color: black !important; + font-weight: normal !important; + } + + article { + margin: 0 auto; + } + + article, h2, h3, h4, h5, h6, .notice { + font-size: 12pt; + line-height: 18pt; + } + + article p { + text-align: justify; + } + + .search { + display: none; + } + footer { + display: none; + } +}