Add CSS for print

This commit is contained in:
Magnus Hoff 2017-11-03 00:16:18 +01:00
parent e563faf81a
commit 73b5ffc719
2 changed files with 43 additions and 1 deletions

View file

@ -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/) * Plus [GitHub style table-support](https://help.github.com/articles/organizing-information-with-tables/)
* Without embedded HTML * Without embedded HTML
* Full text search * Full text search
* Responsive design: fits different screens * Responsive design: fits different screens as well as print
* Progressive enhancement: works with or without JavaScript * Progressive enhancement: works with or without JavaScript
Install and run Install and run

View file

@ -427,3 +427,45 @@ input[type="search"] {
.added { .added {
background: green; 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;
}
}