From 73f60f4364a5650c9ac7aaf8556d1ee30145b4f8 Mon Sep 17 00:00:00 2001 From: Syndamia Date: Mon, 22 Feb 2021 16:34:58 +0200 Subject: Improved printing support --- resume/src/index.html | 2 +- resume/src/styles.css | 27 ++++++++++++++++++++++----- 2 files changed, 23 insertions(+), 6 deletions(-) (limited to 'resume/src') 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 @@ -
+
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; + } +} -- cgit v1.2.3