From 45442f1689bcb9f82e76d77c9993e6e37b1ba183 Mon Sep 17 00:00:00 2001
From: Reorx <novoreorx@gmail.com>
Date: Sun, 12 Feb 2023 00:00:41 +0800
Subject: [PATCH] theme reorx: break-inside allowed for .work-section

due to its nature of having a lot of content
---
 src/scss/cv-base.css        | 8 ++++++--
 src/themes/reorx/index.scss | 9 +++++++++
 2 files changed, 15 insertions(+), 2 deletions(-)

diff --git a/src/scss/cv-base.css b/src/scss/cv-base.css
index 9c5c946..84fc2f5 100644
--- a/src/scss/cv-base.css
+++ b/src/scss/cv-base.css
@@ -33,8 +33,12 @@ body {
   -webkit-print-color-adjust: exact;
 }
 
-.section-title,
-h3 {
+li, p {
+  break-inside: avoid;
+  page-break-inside: avoid;
+}
+
+.section-title {
   break-after: avoid;
   page-break-after: avoid;
 }
diff --git a/src/themes/reorx/index.scss b/src/themes/reorx/index.scss
index d3ad2c1..c570e08 100644
--- a/src/themes/reorx/index.scss
+++ b/src/themes/reorx/index.scss
@@ -16,6 +16,8 @@ $lh-p: 1.4;
   font-family: system-ui, sans-serif;
 
   footer {
+    break-inside: avoid;
+    page-break-inside: avoid;
     margin-top: 3em;
     border-top: 1px solid $color-border-dimmer;
     padding: 4px 0 8px;
@@ -152,6 +154,13 @@ section {
   }
 }
 
+.work-section {
+  .section-item {
+    break-inside: auto;
+    page-break-inside: auto;
+  }
+}
+
 .sideprojects-section {
   .description p:last-of-type {
     margin-bottom: 0;