Mobile-responsive personal website, generated using Hugo.
https://kevin-mok.com/
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
71 lines
2.2 KiB
71 lines
2.2 KiB
/* static/css/print.css */
|
|
@media print {
|
|
/* A little more vertical room on the page */
|
|
@page { size: A4; margin: 10mm 12mm; }
|
|
|
|
/* Make the whole resume slightly denser but readable */
|
|
.resume, body { font-size: 11pt; line-height: 1.25; }
|
|
|
|
/* === SKILLS SECTION FIXES === */
|
|
/* Stop clipping and let content wrap/flow */
|
|
.section--skills,
|
|
.resume .section--skills,
|
|
[data-section-title="Skills"] {
|
|
max-height: none !important;
|
|
overflow: visible !important;
|
|
break-inside: avoid-page;
|
|
page-break-inside: avoid;
|
|
}
|
|
|
|
/* If the theme uses multi-columns for skills, collapse to 1 for print */
|
|
.section--skills ul,
|
|
[data-section-title="Skills"] ul {
|
|
columns: 1 !important;
|
|
-webkit-columns: 1 !important;
|
|
column-gap: 0 !important;
|
|
}
|
|
|
|
/* Ensure list items/tags wrap cleanly and never get cut off */
|
|
.section--skills li,
|
|
[data-section-title="Skills"] li,
|
|
.section--skills .tag,
|
|
.section--skills .tags .tag {
|
|
white-space: normal !important;
|
|
word-break: normal;
|
|
overflow-wrap: anywhere;
|
|
break-inside: avoid;
|
|
margin-bottom: 1.5mm;
|
|
}
|
|
|
|
/* Tighten vertical padding in sections to gain a line or two */
|
|
|
|
|
|
/* Micro-tighten text to save ~1 line */
|
|
.resume, body {
|
|
font-size: 11pt;
|
|
line-height: 1.22; /* was 1.25 */
|
|
}
|
|
|
|
/* Reduce space around lists */
|
|
.resume ul { margin-top: 0 !important; margin-bottom: 1.5mm !important; }
|
|
.resume li { margin-bottom: 1mm !important; }
|
|
|
|
/* Optional: shrink Skills section a touch more */
|
|
.section--skills li { margin-bottom: 1mm !important; }
|
|
.resume .section { padding-top: 3mm !important; padding-bottom: 3mm !important; }
|
|
|
|
/*@media print {*/
|
|
/*@page { size: A4; margin: 11.75mm 12mm; } [> was 10mm 12mm <]*/
|
|
/*}*/
|
|
|
|
@media print {
|
|
/* fit-to-one-page nudges */
|
|
@page { size: A4; margin: 9mm 10mm; } /* was ~10–12mm */
|
|
.resume, body { font-size: 10.75pt; line-height: 1.22; } /* was 11pt / 1.25 */
|
|
|
|
/* tighten vertical whitespace */
|
|
h2, h3 { margin-top: 6px; margin-bottom: 4px; }
|
|
.resume li { margin-bottom: 2px; } /* list spacing */
|
|
.resume section { margin-top: 8px; } /* section gap */
|
|
}
|
|
}
|