v0.1.1

src/style.css

@@ -22,6 +22,11 @@
 }
 
 @media print {
+  @page {
+    size: A4 landscape;
+    margin: 0;
+  }
+
   html,
   body {
     background: #ffffff !important;
@@ -29,31 +34,77 @@
 
   body {
     min-height: auto;
+    margin: 0;
   }
 
   .print-hidden {
     display: none !important;
   }
 
+  .print-only {
+    display: block !important;
+  }
+
   .print-root {
+    display: block !important;
     max-width: none !important;
     padding: 0 !important;
     gap: 0 !important;
   }
 
-  .print-target {
-    display: block !important;
-    width: 100% !important;
-    max-width: none !important;
-    box-shadow: none !important;
-    border: 0 !important;
+  .print-paper {
+    min-height: 100vh;
+    display: flex !important;
+    align-items: center;
+    justify-content: center;
     background: #ffffff !important;
-    padding: 0 !important;
+    padding: 0;
   }
 
-  .print-target article {
-    max-width: none !important;
+  .print-paper--double {
+    display: grid !important;
+    grid-template-columns: repeat(2, 148mm);
+    justify-content: center;
+    align-content: center;
+    gap: 0;
+  }
+
+  .print-sheet-frame {
+    width: 148mm;
+    height: 210mm;
+    overflow: hidden;
+    display: flex;
+    align-items: flex-start;
+    justify-content: flex-start;
+    background: #ffffff !important;
+  }
+
+  .print-paper--double .print-sheet-frame {
+    width: 148.5mm;
+    height: 210mm;
+  }
+
+  .planner-sheet {
     box-shadow: none !important;
-    padding: 0 !important;
+  }
+
+  .print-sheet-frame .planner-sheet {
+    width: 762px !important;
+    max-width: none !important;
+    transform-origin: top left;
+    transform: scale(0.733);
+    box-shadow: none !important;
+    background: #ffffff !important;
+  }
+
+  .print-sheet-frame .planner-sheet * {
+    -webkit-print-color-adjust: exact;
+    print-color-adjust: exact;
+  }
+}
+
+@media screen {
+  .print-only {
+    display: none !important;
   }
 }