fixup! Refactor CV styling to files

This commit is contained in:
Benjamin 2023-02-12 18:01:50 +01:00
parent 45ab6e8a44
commit 5d85db4943
3 changed files with 61 additions and 54 deletions

60
cv.css Normal file
View file

@ -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;
}
}

View file

@ -6,6 +6,7 @@
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="cv.css">
<meta name="description"
content="The curriculum vitae of Benjamin Stadlbauer including his professional background and education">

View file

@ -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;
}
}