diff options
| author | Syndamia <kamen.d.mladenov@protonmail.com> | 2021-02-22 16:34:58 +0200 |
|---|---|---|
| committer | Syndamia <kamen.d.mladenov@protonmail.com> | 2021-02-22 16:34:58 +0200 |
| commit | 73f60f4364a5650c9ac7aaf8556d1ee30145b4f8 (patch) | |
| tree | 49bde901c80f5bb1a6b3ca183c6292379f56de74 | |
| parent | 014b1c31caae3e386cdc2b19b3b6eb7edf1a954a (diff) | |
| download | css-snippets-73f60f4364a5650c9ac7aaf8556d1ee30145b4f8.tar css-snippets-73f60f4364a5650c9ac7aaf8556d1ee30145b4f8.tar.gz css-snippets-73f60f4364a5650c9ac7aaf8556d1ee30145b4f8.zip | |
Improved printing support
| -rw-r--r-- | resume/src/index.html | 2 | ||||
| -rw-r--r-- | resume/src/styles.css | 27 |
2 files changed, 23 insertions, 6 deletions
diff --git a/resume/src/index.html b/resume/src/index.html index e8f10cd..b03ac30 100644 --- a/resume/src/index.html +++ b/resume/src/index.html @@ -12,7 +12,7 @@ </head> <body> - <div id="content"> + <div class="content a4-paper"> <div id="about"> <div id="data"> <div id="name"> diff --git a/resume/src/styles.css b/resume/src/styles.css index da14226..f7e5da5 100644 --- a/resume/src/styles.css +++ b/resume/src/styles.css @@ -22,22 +22,24 @@ body { background-color: white; } -#content { - /* The size of an A4 sheet of paper */ +.a4-paper { width: 210mm; height: 297mm; - border: 3px solid var(--font-color); margin: var(--padding) auto; +} + +.content { + border: 3px solid var(--font-color); padding: var(--padding); display: flex; flex-direction: column; } -#content > * { +.content > * { width: 100%; } -#content > hr { +.content > hr { border-color: var(--font-color); } @@ -147,3 +149,18 @@ body { .rating-amount { flex: 1; } + +/* Proper printing */ +@page { + size: A4; + margin: 0; +} +@media print { + html, body { + width: 210mm; + height: 297mm; + } + .a4-paper { + margin: 0; + } +} |