staring at main.scss too long

Mikaela · Jun 6, 2024 · beb1120 · beb1120
1 parent 662b0d6
commit beb1120
Showing 1 changed file with 21 additions and 0 deletions.
diff --git a/assets/main.scss b/assets/main.scss
@@ -25,7 +25,16 @@ $monospace-font-family: ui-monospace, "Liberation Mono", Cousine, "Courier New",
 * {
   color: revert !important;
   overflow-wrap: break-word !important;
+  /* Funny trick for multiple columned pages with automatic column count
+  column-width: 78ch !important;
+  */
+  /* begin https://clagnut.com/blog/2395/ */
   hyphens: auto !important;
+  hyphenate-limit-chars: 6 3 3 !important;
+  hyphenate-limit-lines: 2 !important;
+  hyphenate-limit-last: always !important;
+  hyphenate-limit-zone: 8% !important;
+  /* end https://clagnut.com/blog/2395/ */
   // Experimental trick to make all emojis text if supported.
   font-variant-emoji: text;
 }
@@ -34,6 +43,12 @@ a {
   text-decoration: underline !important;
 }
 
+// .page-content {
+//     width: 100% !important;
+//     max-width: 78ch !important;
+//     margin: 0 auto !important;
+// }
+
 // Monospace preferred for code
 code,
 pre {
@@ -50,6 +65,10 @@ code {
   *:not(a) {
     border-color: #000000 !important;
   }
+  .ftf-dma-note {
+    max-width: 78ch !important;
+    margin: 0 auto !important;
+  }
 }
 
 // Overrides for dark themes
@@ -66,6 +85,8 @@ code {
     color: #ffb700 !important;
     border-color: #ffb700 !important;
     background-color: #000000 !important;
+    max-width: 78ch !important;
+    margin: 0 auto !important;
   }
 }