From b46b006dd784c8e73f36d61e06238d5373d176d7 Mon Sep 17 00:00:00 2001 From: Matthias Kretschmann Date: Mon, 18 Nov 2019 17:17:47 +0100 Subject: [PATCH] style tweaks --- content/resume.json | 6 ++++- .../molecules/ThemeSwitch.module.scss | 4 ++++ src/pages/resume/ResumeItem.module.scss | 24 +++++++++---------- src/pages/resume/index.module.scss | 21 ++++++++++++---- 4 files changed, 37 insertions(+), 18 deletions(-) diff --git a/content/resume.json b/content/resume.json index 7b1bfaa..32f9724 100644 --- a/content/resume.json +++ b/content/resume.json @@ -228,5 +228,9 @@ "language": "German", "fluency": "Native speaker" } - ] + ], + "meta": { + "canonical": "https://matthiaskretschmann.com/resume", + "lastModified": "" + } } diff --git a/src/components/molecules/ThemeSwitch.module.scss b/src/components/molecules/ThemeSwitch.module.scss index 3058492..88db239 100644 --- a/src/components/molecules/ThemeSwitch.module.scss +++ b/src/components/molecules/ThemeSwitch.module.scss @@ -17,6 +17,10 @@ height: $font-size-base * 0.9; } } + + @media print { + display: none; + } } .checkboxContainer { diff --git a/src/pages/resume/ResumeItem.module.scss b/src/pages/resume/ResumeItem.module.scss index d343945..bcc6f83 100644 --- a/src/pages/resume/ResumeItem.module.scss +++ b/src/pages/resume/ResumeItem.module.scss @@ -9,14 +9,14 @@ &::before { content: ''; display: block; - width: $font-size-base; - height: $font-size-base; + width: $font-size-mini; + height: $font-size-mini; border-radius: 50%; background: $body-background-color; border: 0.1rem solid $color-headings; position: absolute; - left: -($font-size-base / 1.8); - top: 0; + left: -($font-size-mini / 1.8); + top: 0.15rem; :global(.dark) & { background: $body-background-color--dark; @@ -64,16 +64,14 @@ } @media print { - .time { - @media (min-width: $screen-md) { - text-align: left; - position: relative; - top: auto; - right: auto; - } + .resumeItem { + padding-bottom: $spacer * 2; } - :global(html) { - font-size: 10pt; + .time { + text-align: left; + position: relative; + top: auto; + right: auto; } } diff --git a/src/pages/resume/index.module.scss b/src/pages/resume/index.module.scss index f1e10a5..ead0a29 100644 --- a/src/pages/resume/index.module.scss +++ b/src/pages/resume/index.module.scss @@ -92,11 +92,24 @@ } @media print { + :global(html) { + font-size: 8pt; + } + + body { + background: #fff !important; + margin: 1cm 1.5cm; + } + + p { + color: silver; + } + + .title { + margin-bottom: 0; + } + .resume { grid-template-columns: 1fr; } - - :global(html) { - font-size: 10pt; - } }