feat: adjust page breaks on step print styles

SFDigitalServices · Jan 3, 2024 · e4f8372 · e4f8372 · aekong · Jan 4, 2024
1 parent 817bcfe
commit e4f8372
Showing 1 changed file with 12 additions and 0 deletions.
diff --git a/web/themes/custom/sfgovpl/src/sass/node/_node-step-by-step.scss b/web/themes/custom/sfgovpl/src/sass/node/_node-step-by-step.scss
@@ -70,6 +70,18 @@
 
 @media print {
   .step-by-step-container {
+    page-break-before: always;
+    break-inside: avoid;
+    border-left: none !important;
+
+    .step-container {
+      margin: 20px 0 75px 32px;
+    }
+
+    .step-type {
+      margin-top: 17px !important;
+      color: $c-slate !important;
+    }
     .show-more-link {
       display: none !important;
     }