theme reorx: break-inside allowed for .work-section

due to its nature of having a lot of content
This commit is contained in:
Reorx 2023-02-12 00:00:41 +08:00
parent 4a8b53aff7
commit 45442f1689
2 changed files with 15 additions and 2 deletions

View File

@ -33,8 +33,12 @@ body {
-webkit-print-color-adjust: exact; -webkit-print-color-adjust: exact;
} }
.section-title, li, p {
h3 { break-inside: avoid;
page-break-inside: avoid;
}
.section-title {
break-after: avoid; break-after: avoid;
page-break-after: avoid; page-break-after: avoid;
} }

View File

@ -16,6 +16,8 @@ $lh-p: 1.4;
font-family: system-ui, sans-serif; font-family: system-ui, sans-serif;
footer { footer {
break-inside: avoid;
page-break-inside: avoid;
margin-top: 3em; margin-top: 3em;
border-top: 1px solid $color-border-dimmer; border-top: 1px solid $color-border-dimmer;
padding: 4px 0 8px; padding: 4px 0 8px;
@ -152,6 +154,13 @@ section {
} }
} }
.work-section {
.section-item {
break-inside: auto;
page-break-inside: auto;
}
}
.sideprojects-section { .sideprojects-section {
.description p:last-of-type { .description p:last-of-type {
margin-bottom: 0; margin-bottom: 0;