yisroelbaum/MyResume
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

change print styles

Browse source
This commit is contained in:
Yisroel Baum 2026-05-18 15:00:19 +03:00
parent ff0ff3abff
commit 8312789a7e
Signed by: yisroelbaum
GPG key ID: 0FA60884F75520A9
1 changed files with 44 additions and 39 deletions
Download patch file Download diff file Expand all files Collapse all files

83
resume.css
View file

@ -103,19 +103,14 @@ ul li { margin: 4px 0; }
@media print { @media print {
@page { @page {
size: A4; size: A4;
margin: 14mm 16mm; margin: 9mm 11mm;
}
* {
background: transparent !important;
color: #000 !important;
box-shadow: none !important;
text-shadow: none !important;
} }
body { body {
font-size: 10.5pt; font-size: 9.5pt;
line-height: 1.35; line-height: 1.25;
print-color-adjust: exact;
-webkit-print-color-adjust: exact;
} }
.page { .page {
@ -124,82 +119,88 @@ ul li { margin: 4px 0; }
padding: 0; padding: 0;
border: none; border: none;
border-radius: 0; border-radius: 0;
box-shadow: none;
print-color-adjust: exact;
-webkit-print-color-adjust: exact;
} }
.header { .header {
break-after: avoid; break-after: avoid;
padding-bottom: 8px; padding-bottom: 4px;
margin-bottom: 12px; margin-bottom: 6px;
} }
.title .name { .title .name {
font-size: 20pt; font-size: 18pt;
} }
.contact { .contact {
font-size: 8.5pt; font-size: 8pt;
line-height: 1.2;
}
.contact p {
margin: 1pt 0;
} }
.layout { .layout {
grid-template-columns: 1fr 2fr; grid-template-columns: 1fr 2fr;
gap: 14px; gap: 10px;
} }
.card { .card {
border: 0.5pt solid #aaa; padding: 7px 9px;
padding: 10px;
break-inside: avoid; break-inside: avoid;
margin-bottom: 10px; margin-bottom: 6px;
print-color-adjust: exact;
-webkit-print-color-adjust: exact;
} }
.section-title { .section-title {
font-size: 9pt; font-size: 8.5pt;
letter-spacing: 0.8pt; letter-spacing: 0.6pt;
margin-bottom: 5px; margin-bottom: 3px;
} }
.item { .item {
break-inside: avoid; break-inside: avoid;
margin-bottom: 12px; margin-bottom: 6px;
} }
.item-header h3 { .item-header h3 {
font-size: 11pt; font-size: 10pt;
} }
.daterange { .daterange {
font-size: 8.5pt; font-size: 8pt;
} }
ul { ul {
padding-left: 14pt; padding-left: 12pt;
} }
ul li { ul li {
font-size: 9.5pt; font-size: 8.5pt;
margin: 2pt 0; margin: 1pt 0;
line-height: 1.25;
} }
.muted { .muted {
font-size: 9pt; font-size: 8.5pt;
} }
.skills { .skills {
padding-left: 14pt; padding-left: 12pt;
} }
.skills li { .skills li {
font-size: 9pt; font-size: 8.5pt;
margin-bottom: 3pt; margin-bottom: 2pt;
}
a {
text-decoration: none;
} }
.footer { .footer {
font-size: 8.5pt; font-size: 8pt;
margin-top: 10px; margin-top: 6px;
} }
.download-btn { .download-btn {
@ -207,11 +208,15 @@ ul li { margin: 4px 0; }
} }
.role { .role {
font-size: 10pt; font-size: 9.5pt;
}
.section {
margin-bottom: 8px;
} }
} }
@media (max-width: 820px) { @media screen and (max-width: 820px) {
.layout { grid-template-columns: 1fr; } .layout { grid-template-columns: 1fr; }
.contact { text-align: left; } .contact { text-align: left; }
} }