From 5d85db4943392af660c65bad2beb44d07f0d88a1 Mon Sep 17 00:00:00 2001 From: Benjamin Date: Sun, 12 Feb 2023 18:01:50 +0100 Subject: [PATCH] fixup! Refactor CV styling to files --- cv.css | 60 +++++++++++++++++++++++++++++++++++++++++++++++++++++++ cv.html | 1 + style.css | 54 ------------------------------------------------- 3 files changed, 61 insertions(+), 54 deletions(-) create mode 100644 cv.css diff --git a/cv.css b/cv.css new file mode 100644 index 0000000..e38633b --- /dev/null +++ b/cv.css @@ -0,0 +1,60 @@ +h3 { + display: flex; + justify-content: space-between; + flex-wrap: wrap; +} + +aside { + margin-top: -0.6rem; + text-transform: uppercase; + opacity: 0.7; + letter-spacing: 0.05em; + line-height: 1; +} + +section#publications span.journal, +section#conferences span.conference { + font-style: italic; +} + +h2 { + border-bottom-width: 1px; + border-bottom-color: var(--accent); + border-bottom-style: solid; +} + +@media print { + :root { + --primary: #000000; + --background: #ffffff; + --accent: #000000; + } + + h2 { + border-bottom-width: 0.5pt; + } + + html, + body { + max-width: initial; + font-size: 10pt; + padding: 0; + } + + aside { + opacity: 1.0; + } + + a::after { + display: none; + } + + a:hover { + background: inherit; + } + + @page { + margin: 25mm; + size: A4; + } +} diff --git a/cv.html b/cv.html index a109c09..934869b 100644 --- a/cv.html +++ b/cv.html @@ -6,6 +6,7 @@ + diff --git a/style.css b/style.css index cab71f5..f21359e 100644 --- a/style.css +++ b/style.css @@ -30,9 +30,6 @@ li { } h3 { - display: flex; - justify-content: space-between; - flex-wrap: wrap; line-height: 1.4; font-weight: normal; font-size: 1.2rem; @@ -63,9 +60,6 @@ a:hover { } h2 { - border-bottom-width: 1px; - border-bottom-color: var(--accent); - border-bottom-style: solid; line-height: 1.2; font-size: 1.44rem; font-weight: normal; @@ -79,18 +73,6 @@ h1 { margin: 1.73rem 0; } -aside { - margin-top: -0.6rem; - text-transform: uppercase; - opacity: 0.7; - letter-spacing: 0.05em; - line-height: 1; -} - -section#publications span.journal, -section#conferences span.conference { - font-style: italic; -} @media (prefers-color-scheme: light) { :root { @@ -107,39 +89,3 @@ section#conferences span.conference { --hover-background: var(--black-hover); } } - -@media print { - :root { - --primary: #000000; - --background: #ffffff; - --accent: #000000; - } - - h2 { - border-bottom-width: 0.5pt; - } - - html, - body { - max-width: initial; - font-size: 10pt; - padding: 0; - } - - aside { - opacity: 1.0; - } - - a::after { - display: none; - } - - a:hover { - background: inherit; - } - - @page { - margin: 25mm; - size: A4; - } -}