adjust css to fill out pdf
This commit is contained in:
parent
8312789a7e
commit
4ae8a76a47
1 changed files with 27 additions and 27 deletions
54
resume.css
54
resume.css
|
|
@ -103,12 +103,12 @@ ul li { margin: 4px 0; }
|
||||||
@media print {
|
@media print {
|
||||||
@page {
|
@page {
|
||||||
size: A4;
|
size: A4;
|
||||||
margin: 9mm 11mm;
|
margin: 12mm 14mm;
|
||||||
}
|
}
|
||||||
|
|
||||||
body {
|
body {
|
||||||
font-size: 9.5pt;
|
font-size: 9.5pt;
|
||||||
line-height: 1.25;
|
line-height: 1.3;
|
||||||
print-color-adjust: exact;
|
print-color-adjust: exact;
|
||||||
-webkit-print-color-adjust: exact;
|
-webkit-print-color-adjust: exact;
|
||||||
}
|
}
|
||||||
|
|
@ -126,81 +126,81 @@ ul li { margin: 4px 0; }
|
||||||
|
|
||||||
.header {
|
.header {
|
||||||
break-after: avoid;
|
break-after: avoid;
|
||||||
padding-bottom: 4px;
|
padding-bottom: 8px;
|
||||||
margin-bottom: 6px;
|
margin-bottom: 12px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.title .name {
|
.title .name {
|
||||||
font-size: 18pt;
|
font-size: 20pt;
|
||||||
}
|
}
|
||||||
|
|
||||||
.contact {
|
.contact {
|
||||||
font-size: 8pt;
|
font-size: 8.5pt;
|
||||||
line-height: 1.2;
|
line-height: 1.35;
|
||||||
}
|
}
|
||||||
|
|
||||||
.contact p {
|
.contact p {
|
||||||
margin: 1pt 0;
|
margin: 2pt 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.layout {
|
.layout {
|
||||||
grid-template-columns: 1fr 2fr;
|
grid-template-columns: 1fr 2fr;
|
||||||
gap: 10px;
|
gap: 14px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.card {
|
.card {
|
||||||
padding: 7px 9px;
|
padding: 8px 10px;
|
||||||
break-inside: avoid;
|
break-inside: avoid;
|
||||||
margin-bottom: 6px;
|
margin-bottom: 8px;
|
||||||
print-color-adjust: exact;
|
print-color-adjust: exact;
|
||||||
-webkit-print-color-adjust: exact;
|
-webkit-print-color-adjust: exact;
|
||||||
}
|
}
|
||||||
|
|
||||||
.section-title {
|
.section-title {
|
||||||
font-size: 8.5pt;
|
font-size: 9pt;
|
||||||
letter-spacing: 0.6pt;
|
letter-spacing: 0.8pt;
|
||||||
margin-bottom: 3px;
|
margin-bottom: 5px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.item {
|
.item {
|
||||||
break-inside: avoid;
|
break-inside: avoid;
|
||||||
margin-bottom: 6px;
|
margin-bottom: 7px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.item-header h3 {
|
.item-header h3 {
|
||||||
font-size: 10pt;
|
font-size: 11pt;
|
||||||
}
|
}
|
||||||
|
|
||||||
.daterange {
|
.daterange {
|
||||||
font-size: 8pt;
|
font-size: 8.5pt;
|
||||||
}
|
}
|
||||||
|
|
||||||
ul {
|
ul {
|
||||||
padding-left: 12pt;
|
padding-left: 14pt;
|
||||||
}
|
}
|
||||||
|
|
||||||
ul li {
|
ul li {
|
||||||
font-size: 8.5pt;
|
font-size: 9pt;
|
||||||
margin: 1pt 0;
|
margin: 1pt 0;
|
||||||
line-height: 1.25;
|
line-height: 1.25;
|
||||||
}
|
}
|
||||||
|
|
||||||
.muted {
|
.muted {
|
||||||
font-size: 8.5pt;
|
font-size: 9pt;
|
||||||
}
|
}
|
||||||
|
|
||||||
.skills {
|
.skills {
|
||||||
padding-left: 12pt;
|
padding-left: 14pt;
|
||||||
}
|
}
|
||||||
|
|
||||||
.skills li {
|
.skills li {
|
||||||
font-size: 8.5pt;
|
font-size: 9pt;
|
||||||
margin-bottom: 2pt;
|
margin-bottom: 3pt;
|
||||||
}
|
}
|
||||||
|
|
||||||
.footer {
|
.footer {
|
||||||
font-size: 8pt;
|
font-size: 8.5pt;
|
||||||
margin-top: 6px;
|
margin-top: 12px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.download-btn {
|
.download-btn {
|
||||||
|
|
@ -208,11 +208,11 @@ ul li { margin: 4px 0; }
|
||||||
}
|
}
|
||||||
|
|
||||||
.role {
|
.role {
|
||||||
font-size: 9.5pt;
|
font-size: 10pt;
|
||||||
}
|
}
|
||||||
|
|
||||||
.section {
|
.section {
|
||||||
margin-bottom: 8px;
|
margin-bottom: 10px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue