golem
/
VectorGOLEM
9
0
Fork 0
Code Issues 1 Pull Requests Releases Wiki Activity

Merge "Print mode: Define when to use serif and when to use sans-serif"

This commit is contained in:
jenkins-bot 2017-07-26 16:01:56 +00:00 committed by Gerrit Code Review
parent f5124a0dec 728e9a13a2
commit f7ec0489cb
2 changed files with 28 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
print.less
View File

@ -1,10 +1,30 @@
@pureBlack: #000;
@import 'variables.less';
@media print {
/* These styles retain the existing typography in screen.less
In future (when deploying these styles) we may want to refactor skins.vector.styles
to apply certain styles in print as well as screen mode. */
#toc,
body.vector-experimental-print-styles {
padding: 10px;
font-family: serif;
font-family: @font-family-serif;
}
.printfooter,
#footer,
// Tables, thumbs and lists are sans-serif in print mode (unlike screen mode) because these will render
// more legibly on print media in a smaller font sizes
.thumb,
table,
ol,
dl,
ul,
h3,
h4,
h5,
h6 {
font-family: @font-family-sans-serif;
}
.vector-experimental-print-styles {
@ -32,7 +52,6 @@
h5,
h6 {
margin: 30px 0 0;
font-family: sans-serif;
}
h2,
@ -89,7 +108,6 @@
#toc {
page-break-before: always;
page-break-after: always;
font-family: serif;
background: none;
border: 0;
display: block;

8
variables.less
View File

@ -1,16 +1,20 @@
@html-font-size: 100%;
@font-family-serif: 'Linux Libertine', 'Georgia', 'Times', serif;
@font-family-sans-serif: sans-serif;
// Page content
// FIXME: Use global variable since Echo and CentralNotice use this variable
@content-border-color: #a7d7f9;
// FIXME: Find an open font that works with this stack and is readable by Windows users
@content-font-family: sans-serif;
@content-font-family: @font-family-sans-serif;
@content-font-color: #222;
@content-font-size: 0.875em;
@pureBlack: #000;
@content-line-height: 1.6;
@content-padding: 1em;
@content-heading-font-size: 1.8em;
@content-heading-font-family: 'Linux Libertine', 'Georgia', 'Times', serif;
@content-heading-font-family: @font-family-serif;
@content-heading-font-family-generic: sans-serif;
@body-background-color: #fff;
@heading-line-height: 1.3;