cheat-sheet: adjust the print style-sheet

The intention is to print this in landscape mode, to imitate
https://jvns.ca/blog/2024/04/25/new-zine--how-git-works-/#the-cheat-sheet
better.

Signed-off-by: Johannes Schindelin <[email protected]>

Author: dscho

assets/sass/print.scss

@@ -11,6 +11,15 @@
 
   #main {
     margin-bottom: 0;
+
+    /* Improve readability */
+    line-height: 1.4;
+    text-align: justify;
+
+    /* Ensure it uses full page width */
+    width: 100%;
+    border: none;
+    padding: 0;
   }
 
   footer {
@@ -33,4 +42,99 @@
   #dark-mode-button {
     display: none !important;
   }
+
+  .cheat-sheet {
+    font-size: 8pt;
+
+    section {
+      border: 1px solid black;
+      display: block;
+      gap: 0;
+      margin-bottom: 0;
+
+      .item {
+        background: none;
+        border: none;
+
+        h3 {
+          margin-bottom: 0;
+        }
+
+        code {
+          background: none;
+          line-height: inherit;
+          padding: 1px;
+        }
+      }
+    }
+    .commit-reference {
+      background: none;
+      border-left: 0.5px;
+
+      dl {
+        gap: inherit;
+
+        dt,dt::before,dd {
+          line-height: inherit;
+          font-size: 0.7em !important;
+        }
+      }
+    }
+
+    p {
+      font-size: inherit;
+      line-height: inherit;
+      margin: 1px;
+    }
+  }
+}
+
+@media print and (min-width: 231mm) {
+  div#content {
+    width: 297mm;
+  }
+
+  header {
+    padding: 0;
+    #logo img {
+      max-height: 23px;
+      width: auto;
+      height: auto;
+    }
+  }
+
+  /* landscape orientation */
+  @page {
+    size: A4 landscape;
+    width: 297mm;
+    height: 210mm;
+    margin: 1cm;
+  }
+
+  .cheat-sheet {
+    /* Multi-column layout */
+    column-count: 6;
+    column-gap: 1em;
+
+    h1 {
+      column-span: all;
+      position: absolute;
+      top: -10px;
+      width: 100%;
+      font-size: 16px;
+      text-align: center;
+    }
+
+    div.item {
+      display: block;
+      width: 100%;
+      padding: 1px;
+      margin-bottom: 1px;
+      break-inside: avoid;
+
+      label {
+        margin-top: 2px;
+      }
+    }
+  }
 }